home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2008 May / PersonalComputerWorld-May2008-CoverdiscCD.iso / Software / Full / Nero 7 / Installation / Cab / F75DC97C.cab / DefinitionCD11EA7F.xml next >
Encoding:
Extensible Markup Language  |  2007-03-05  |  248.3 KB  |  3,892 lines
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <NMUIDefinition version="1.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="NMUIDefinition.xsd">
  3.  
  4.     <!-- Start Page -->
  5.     <Page name="welcome">
  6.         
  7.         <!-- black background - to prevent transparent parts of page -->
  8.         <Panel x="0" y="0" width="100%" height="100%" style="style.background.black" />
  9.         
  10.         <!-- Background image fills the background with a special image -->
  11.         <Image name="background" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" source="Graphics\Backgrounds\abstract.jpg" />
  12.  
  13.         <!-- Core Panel. All predefinitions will be loaded inside of this panel. -->
  14.         <!-- It fills the whole page. -->
  15.         <Panel name="corepanel" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" cursor-timeout="30" />
  16.         
  17.         <!-- Fullscreen Panel is hidden until we really need it. -->
  18.         <!-- It fills the whole page. -->
  19.         <Image name="fullscreen_panel" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" visible="false" style="style.fullscreen" source="Graphics\Backgrounds\abstract.jpg" cursor-timeout="30" />
  20.         
  21.         <HBox name="notification_area" visible="false" width="100%" height="75px" alignment-vertical="bottom" cursor-timeout="30">
  22.             <Panel width="30px" height="0"/>
  23.             <HBox width="*" height="100%">
  24.                 <Panel width="30%" height="0" />
  25.                 <Panel width="10px" height="0" />
  26.                 <HBox width="*" height="30px" visible="true" style="style.notification.background">
  27.                     <Panel width="5px" height="0" />
  28.                     <Image name="icon_info" source="Graphics\Icons_Notifications\info.png" width="20px" height="20px" alignment-vertical="center" />
  29.                     <Panel width="5px" height="0" />
  30.                     <Label name="label" width="*" height="100%" style="style.notification.label" text-alignment-vertical="center" />
  31.                     <Panel width="5px" height="0" />
  32.                 </HBox>
  33.             </HBox>
  34.             <Panel width="30px" height="0"/>
  35.         </HBox>
  36.         
  37.         <HBox name="notification_area_fullscreen" visible="false" width="100%" height="75px" alignment-vertical="bottom" cursor-timeout="30">
  38.             <Panel width="50px" height="0"/>
  39.             <HBox width="*" height="100%" style="style.notification.background">
  40.                 <Panel width="5px" height="0" />
  41.                 <Image name="icon_info" source="Graphics\Icons_Notifications\info.png" width="20px" height="20px" alignment-vertical="center" />
  42.                 <Panel width="5px" height="0" />
  43.                 <Label name="label" width="*" height="100%" style="style.notification.label" text-alignment-vertical="center" />
  44.                 <Panel width="5px" height="0" />
  45.             </HBox>
  46.             <Panel width="50px" height="0"/>
  47.         </HBox>
  48.  
  49.         <!-- Titlebar, holds maximize, minimize and quit buttons -->
  50.         <Panel name="windowtitlebar" width="100%" height="60px" alignment-vertical="top" cursor-timeout="30" />
  51.  
  52.         <Panel name="waitscreen" x="0" y="0" width="100%" height="100%" width-min="600px" height-min="400px" visible="false" style="style.waitscreen.background" >
  53.             <Image width="128px" height="128px" source="Graphics\Icons_Content\hourglass.png" alignment-horizontal="center" alignment-vertical="center" style="style.waitscreen.icon" />
  54.             <Label name="waitscreen_label" width="300px" height="140px" text-alignment-vertical="bottom" text-alignment-horizontal="center" alignment-horizontal="center" alignment-vertical="center" style="style.waitscreen.label" />
  55.         </Panel>
  56.         
  57.     </Page>
  58.     
  59.     <!-- Predefintions -->
  60.     <Predefinitions>
  61.  
  62.         <!-- Main Panel -->
  63.         <PredefinedPanel name="nmbpanel" width="100%" height="100%">
  64.         
  65.             <!-- Page Header -->
  66.             <HBox name="header" width="100%" y="50px" height="60px" alignment-vertical="top">
  67.                 <!-- Spacer to the left -->
  68.                 <Panel width="40px" height="0" />
  69.             
  70.                 <!-- Logo (left aligned) -->
  71.                 <ImageButton name="button_home" width="130px" height="60px" 
  72.                         source="Graphics\Logo\logo.png"
  73.                         style="style.button.home"
  74.                         alignment-horizontal="left"
  75.                         onclick="application.home();"
  76.                 />
  77.  
  78.                 <!-- If there is a control "bottom_area_startpage", this area will be shown on all pages besides start page -->
  79.                 <HBox name="bottom_area_startpage" width="300px" height="100%" alignment-horizontal="right"
  80.                       default-child-alignment-horizontal="right" default-child-alignment-vertical="center"
  81.                       upElement="$windowbar:..windowtitlebar.windowbar" rightElement="$windowbar:..windowtitlebar.windowbar">
  82.                     <Panel name="searchpanel_placeholder" width="190px" height="25px" />
  83.                     <Panel width="5px" height="0" />
  84.                     <Button name="button_settings" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered">
  85.                         <Image x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\settings.png" />
  86.                     </Button>
  87.                     
  88.                     <!-- Spacer to the right -->
  89.                     <Panel width="50px" height="0" />
  90.                 </HBox>
  91.             </HBox>
  92.  
  93.             <HBox name="hbox" height="100%" width="100%">
  94.                 
  95.                 <!-- Hold distance to the left -->
  96.                 <Panel name="spacer_left" width="30px" height="0" />
  97.                 
  98.                 <VBox name="vbox" height="100%" width="*">
  99.                 
  100.                     <!-- Hold distance to the top -->
  101.                     <Panel name="spacer_top" height="15px" width="0" />
  102.     
  103.                     <Panel name="visible_screen" width="100%" height="*">
  104.  
  105.                         <!-- If present, displays category image of modules -->
  106.                         <!-- <Image name="image_pageimage" x="0" y="0" width="100%" height="100%" source="" fillStyle="fit" /> -->
  107.                         
  108.                         <VBox name="root" x="0" y="0" width="100%" height="100%">
  109.                             
  110.                             <!-- Separates the page header from the body -->
  111.                             <Panel height="70px" width="0" />
  112.                             
  113.                             <!-- Content Header -->
  114.                             <HBox name="content_header" height="40px" width="100%">
  115.                                 <!-- Spacer (with the size of the menu area) -->
  116.                                 <Panel width="30%" width-min="150px" width-max="400px" height="0" />
  117.         
  118.                                 <!-- Spacer (smaller, distance between menu area and content) -->
  119.                                 <Panel width="10px" height="0" />
  120.                                 
  121.                                 <!-- Back Button / Label --> <!-- hint="$back" -->
  122.                                 <!--HBox name="button_back" y="5px" width="auto" height="30px" 
  123.                                         style="style.page.back.button" active="true" 
  124.                                         focusable="true" leftElement=".....header#$default" 
  125.                                         rightElement="$windowbar:......windowtitlebar.windowbar"
  126.                                         onclick="application.back();">
  127.                                     <Image name="image_back" width="24px" height="24px" source="Graphics\Icons_Content\back.png" style="style.page.back.image" hoverStyle="style.page.back.image.hovered" alignment-vertical="center" />
  128.                                     <Label name="label_back" width="auto" height="100%" style="style.page.back.label" hoverStyle="style.page.back.label.hovered" textID="IDS_PAGE_BACK" text-alignment-vertical="center" />
  129.                                 </HBox-->
  130.                                 
  131.                                 <Button name="button_back" 
  132.                                         y="5px" width="140px" height="30px"
  133.                                         style="style.page.back.button"
  134.                                         rightElement="$windowbar:......windowtitlebar.windowbar"
  135.                                         leftElement="...button_home"
  136.                                         onclick="application.back();"
  137.                                 >
  138.                                     <Panel width="100%" height="100%"
  139.                                         style="style.page.back.button"
  140.                                         hoverStyle="style.menu.item.background.hovered" />
  141.                                         <HBox width="100%" height="30px" default-child-alignment-horizontal="right" default-child-alignment-vertical="center">
  142.                                             <Image name="image_back" width="24px" height="24px" source="Graphics\Icons_Content\back.png" style="style.page.back.image" hoverStyle="style.page.back.image.hovered" alignment-vertical="center" />
  143.                                             <Label name="label_back" width="116px" height="100%" style="style.page.back.label" hoverStyle="style.page.back.label.hovered" textID="IDS_PAGE_BACK" text-alignment-vertical="center" />
  144.                                         </HBox>
  145.                                 </Button>
  146.                                 
  147.                                 <!-- Page Title -->
  148.                                 <Label name="pagetitle" width="*" height="100%" text="" style="style.page.title" text-alignment-vertical="center" text-alignment-horizontal="right" />
  149.                                 
  150.                                 <Panel width="5px" height="0" />
  151.         
  152.                             </HBox>
  153.                         
  154.                             <!-- Main Area --> <!-- hint="$main" -->
  155.                             <Panel name="main_area" width="100%" height="*" upElement="....header#$default"/>
  156.                             
  157.                             <Panel height="15px" width="0" />
  158.                             
  159.                             <!-- Bottom Area -->
  160.                             <!--
  161.                             <Panel name="bottom_area" width="371px" height="47px" style="style.page.footer.controls" alignment-horizontal="right">
  162.                                 <!- If there is a control "bottom_area_modules", this area will be shown on all pages besides start page
  163.                                 <HBox name="bottom_area_modules" width="100%" height="100%" default-child-alignment-horizontal="right" visible="true">
  164.                                     <!- space for additional information ->
  165.                                     <Panel name="settings_info_status_area" width="40px" height="40px" />
  166.                                     
  167.                                     <!- if present, provides space for showing buttons like "Goto clipboard", "Goto searchresults", etc. ->
  168.                                     <Panel name="settings_info_global_area" width="130px" height="40px" />
  169.                                     
  170.                                     <Panel width="250px" height="40px">
  171.                                         <!- If present, show the clock ->
  172.                                         <Panel name="settings_info_user_info" width="250px" height="40px" />
  173.                                         <!- panel for additional info, e.g. background scanner status ->
  174.                                         <Panel name="settings_info_additional_info" width="250px" height="40px" visible="false"/>
  175.                                     </Panel>
  176.                                 </HBox>
  177.                                 ->
  178.                             </Panel>
  179.                             -->
  180.                             
  181.                             <Panel height="30px" width="0" />                    
  182.                         </VBox>
  183.  
  184.                         <!-- Minimized Tasks (always on top) -->
  185.                         <VBox width="100%" height="30%" alignment-vertical="bottom">
  186.                             <Panel name="minimized_task" width="30%" height="*" alignment-vertical="bottom" alignment-horizontal="left" />
  187.                             <Panel width="0" height="40px" alignment-vertical="bottom"/>
  188.                         </VBox>
  189.                     </Panel>
  190.                     
  191.                     <!-- Hold distance to the bottom -->
  192.                     <Panel name="spacer_bottom" height="0" width="0" />
  193.                     
  194.                 </VBox>
  195.                 
  196.                 <!-- Hold distance to the right -->
  197.                 <Panel name="spacer_right" width="30px" height="0" />
  198.  
  199.             </HBox>
  200.             
  201.         </PredefinedPanel>
  202.         
  203.         
  204.         <!-- Main Panel -->
  205.         <PredefinedPanel name="modules_main" width="100%" height="100%">
  206.             <VBox width="100%" height="100%" name="modules_main_fullpage">
  207.                 <HBox name="hbox" width="100%" height="*">
  208.                     <!-- Menu Area --> <!-- hint="$menu" -->
  209.                     <Panel name="menu_area" width="30%" width-min="150px" width-max="400px" height="100%" 
  210.                         downElement="...minimized_task.minimized_task_root.minimized_task_controls:...minimized_task"
  211.                         upElement="......header.button_home#$default"/>
  212.                     
  213.                     <!-- Spacer (between menu and content) -->
  214.                     <Panel width="10px" height="0" />
  215.             
  216.                     <!-- Main Content --> <!-- hint="$content" -->
  217.                     <Panel name="content" width="*" height="100%" width-min="200px" height-min="200px" style="style.page.content"
  218.                         leftElement="...minimized_task#$default" rightElement="$stop"
  219.                         upElement="..content_header.button_back#$default"/>
  220.                 </HBox>
  221.             
  222.                 <!-- Spacer (to the bottom border) -->
  223.                 <Panel width="0" height="40px" />
  224.             </VBox>
  225.         </PredefinedPanel>
  226.         
  227.         <!-- Main Panel Setup Wizard-->
  228.         <PredefinedPanel name="modules_main_wizard" width="100%" height="100%">
  229.             <VBox width="100%" height="100%" name="modules_main_fullpage">
  230.                 <!-- Spacer (to the top border) -->
  231.                 <Panel width="0" height="0" />
  232.  
  233.                 <HBox width="100%" height="*" name="menu_and_content_pagewide">
  234.                     <!-- Spacer (to the left border) -->
  235.                     <Panel width="0px" height="0" />
  236.  
  237.                     <!-- Main Content --> <!-- hint="$content" -->
  238.                     <Panel name="content" 
  239.                            width="*" height="100%"
  240.                            style="style.page.content"
  241.                            leftElement="...content_header.button_back_pagewide.button_back#....minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task"
  242.                            downElement="....minimized_task_holder.minimized_task_pagewide.minimized_task_correctsize.minimized_task:$stop"/>
  243.                            
  244.                     <!-- Spacer (to the right border) -->
  245.                     <Panel width="0px" height="0" />
  246.                 </HBox>
  247.                 
  248.                 <!-- Spacer (to the bottom border) -->
  249.                 <Panel width="0" height="0" />
  250.             </VBox>
  251.         </PredefinedPanel>
  252.         
  253.         <!-- Global Settings -->
  254.         <PredefinedPanel name="settings_content_menu_startpage" width="100%" height="40px">
  255.             <HBox name="container" width="100%" height="100%">
  256.                 <Panel width="0px" height="100%" />
  257.                 <Button name="button" width="80%" height="40px" 
  258.                     onfocus="this.panel.defaultStyle='style.menu.item.hovered'; this.label_container.label.defaultStyle='style.settings.item.label.hovered';"
  259.                     onblur="this.panel.defaultStyle='style.menu.item'; this.label_container.label.defaultStyle='style.settings.item.label';"
  260.                     alignment-horizontal="left">
  261.                     <Panel width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel" />
  262.                     <HBox width="100%" height="40px" default-child-alignment-horizontal="right" default-child-alignment-vertical="center" alignment-vertical="center" name="label_container">
  263.                         <Panel width="10px" height="0" />
  264.                         <Label name="label" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.settings.item.label" hoverStyle="style.settings.item.label.hovered" disabledStyle="style.settings.item.label.disabled" />
  265.                         <Panel width="5px" height="0" />
  266.                     </HBox>
  267.                 </Button>
  268.             </HBox>
  269.         </PredefinedPanel>
  270.         
  271.         <PredefinedPanel name="settings_content_menu" width="100%" height="40px">
  272.             <HBox name="container" width="100%" height="100%">
  273.                 <Panel width="0px" height="100%" />
  274.                 <Button name="button" width="355px" height="35px" 
  275.                     onfocus="this.panel.defaultStyle='style.menu.item.hovered'; this.label_container.label.defaultStyle='style.settings.item.label.hovered';"
  276.                     onblur="this.panel.defaultStyle='style.menu.item'; this.label_container.label.defaultStyle='style.settings.item.label';"
  277.                     alignment-horizontal="left">
  278.                     <Panel width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel" />
  279.                     <HBox width="100%" height="30px" default-child-alignment-horizontal="right" default-child-alignment-vertical="center" alignment-vertical="center" name="label_container">
  280.                         <Panel width="10px" height="0" />
  281.                         <Label name="label" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.settings.item.label" hoverStyle="style.settings.item.label.hovered" disabledStyle="style.settings.item.label.disabled" />
  282.                         <Panel width="5px" height="0" />
  283.                     </HBox>
  284.                 </Button>
  285.             </HBox>
  286.         </PredefinedPanel>
  287.         
  288.         <PredefinedPanel name="settings_content_menu_spacer" width="100%" height="25px">
  289.             <Panel width="100%" height="3px" alignment-vertical="center" alignment-horizontal="left" style="style.listview.separator.line" />
  290.         </PredefinedPanel>
  291.         
  292.         <PredefinedPanel name="settings_content_menu_startpage_spacer" width="100%" height="0px">
  293.             <Panel width="100%" height="3px" alignment-vertical="center" alignment-horizontal="left" style="style.listview.separator.line" />
  294.         </PredefinedPanel>
  295.         
  296.         <!-- Main Panel Setup Wizard-->
  297.         <PredefinedPanel name="startpage_setup_wizard" width="100%" height="100%">
  298.             <Panel width="100%" height="45px" alignment-horizontal="left">
  299.                 <HBox width="100%" height="100%">
  300.                     <VBox width="*" height="100%">
  301.                         <Panel name="setupwizard_progress" width="220px" height="45px" alignment-horizontal="right"/>
  302.                     </VBox>
  303.                     <Panel name="setupwizard_progress_spacer" width="0" height="45px" alignment-horizontal="right"/>
  304.                 </HBox>
  305.             </Panel>
  306.             <!-- Content -->
  307.             <Panel name="setupwizard_content_root" width="100%" height="100%" alignment-horizontal="center">
  308.                 <VBox name="setupwizard_content" width="100%" height="100%">
  309.                     <Panel width="0" height="10px"/>
  310.                 </VBox>
  311.             </Panel>
  312.             <!-- Content Bottom -->
  313.             <Panel name="content_header" width="100%" height="100%">
  314.                 <!-- Button Group -->
  315.                 <VBox width="100%" height="40px" alignment-vertical="bottom">
  316.                     <HBox x="0px" width="100%" height="35px" name="setup_wizard_control" alignment-vertical="bottom">
  317.                         <HBox name="button_advanced_finish" width="auto" height="35px" alignment-horizontal="center"
  318.                             active="true" focusable="true" visible="false"
  319.                             style="style.menu.item"
  320.                             hoverStyle="style.menu.item.hovered"
  321.                             onfocus="this.defaultStyle='style.menu.item.hovered';
  322.                                      this.setup_finish.defaultStyle='style.settings.item.label.hovered';"
  323.                             onblur="this.defaultStyle='style.menu.item'; 
  324.                                     this.setup_finish.defaultStyle='style.settings.item.label';">
  325.                             <Panel name="spacer" width="4px" height="0"/>
  326.                             <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.yellow" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  327.                             <Panel name="spacer" width="10px" height="0" />
  328.                             <Label name="setup_finish" text="IDS_FINISH" textID="IDS_FINISH" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  329.                                 style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  330.                             <Panel name="spacer" width="10px" height="0" />
  331.                         </HBox>
  332.                         <Button name="button_advanced_back" width="55px" height="35px" alignment-horizontal="center" visible="false"
  333.                             onfocus="this.panel.defaultStyle='style.menu.item.hovered';"
  334.                             onblur="this.panel.defaultStyle='style.menu.item';">
  335.                             <Panel width="45px" x="10px" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel"/>
  336.                             <HBox width="100%" height="25px" alignment-vertical="center" name="button_container">
  337.                                 <Panel name="spacer" width="14px" height="0"/>
  338.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.red" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  339.                                 <Panel name="spacer" width="4px" height="0"/>
  340.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.left" disabledStyle="style.setupwizard.button.left.disabled" visible="true" alignment-vertical="center"/>
  341.                                 <Panel name="spacer" width="5px" height="0" />
  342.                             </HBox>
  343.                         </Button>
  344.                         <HBox name="button_advanced_next" width="auto" height="35px" alignment-horizontal="center" visible="false" active="true" focusable="true"
  345.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  346.                                         this.button_content.setup_next.defaultStyle='style.settings.item.label.hovered';"
  347.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  348.                                         this.button_content.setup_next.defaultStyle='style.settings.item.label';">
  349.                             <Panel name="spacer" width="10px" height="0" />
  350.                             <HBox name="button_content" width="auto" height="35px"
  351.                                 style="style.menu.item"
  352.                                 hoverStyle="style.menu.item.hovered">
  353.                                 <Panel name="spacer" width="4px" height="0"/>
  354.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.green" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  355.                                 <Panel name="spacer" width="4px" height="0"/>
  356.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.right" visible="true" alignment-vertical="center"/>
  357.                                 <Panel name="spacer" width="10px" height="0" />
  358.                                 <Label name="setup_next" text="IDS_CONTINUE" textID="IDS_CONTINUE" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  359.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  360.                                 <Panel name="spacer" width="10px" height="0" />
  361.                             </HBox>
  362.                         </HBox>
  363.                         <Button name="button_remove_folder" width="55px" height="35px" alignment-horizontal="right" visible="false"
  364.                             onfocus="this.panel.defaultStyle='style.menu.item.hovered';"
  365.                             onblur="this.panel.defaultStyle='style.menu.item';">
  366.                             <Panel width="45px" x="10px" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel"/>
  367.                             <HBox width="100%" height="25px" alignment-vertical="center" name="button_container">
  368.                                 <Panel name="spacer" width="14px" height="0"/>
  369.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.blue" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  370.                                 <Panel name="spacer" width="3px" height="0"/>
  371.                                 <Panel name="arrow" width="22px" height="24px" style="style.setupwizard.button.delete" visible="true" alignment-vertical="center"/>
  372.                                 <Panel name="spacer" width="5px" height="0" />
  373.                             </HBox>
  374.                         </Button>
  375.                         <HBox name="button_add_folder" width="auto" height="35px" alignment-horizontal="right" visible="false" active="true" focusable="true"
  376.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  377.                                         this.button_content.setup_add.defaultStyle='style.settings.item.label.hovered';"
  378.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  379.                                         this.button_content.setup_add.defaultStyle='style.settings.item.label';">
  380.                             <Panel name="spacer" width="10px" height="0" />
  381.                             <HBox name="button_content" width="auto" height="35px"
  382.                                 style="style.menu.item"
  383.                                 hoverStyle="style.menu.item.hovered">
  384.                                 <Panel name="spacer" width="4px" height="0"/>
  385.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.yellow" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  386.                                 <Panel name="spacer" width="4px" height="0"/>
  387.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.add" visible="true" alignment-vertical="center"/>
  388.                                 <Panel name="spacer" width="10px" height="0" />
  389.                                 <Label name="setup_add" text="IDS_ADD_FOLDER" textID="IDS_ADD_FOLDER" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  390.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  391.                                 <Panel name="spacer" width="10px" height="0" />
  392.                             </HBox>
  393.                         </HBox>
  394.                         <HBox name="button_change_folder" width="auto" height="35px" alignment-horizontal="right" visible="false" active="true" focusable="true"
  395.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  396.                                         this.button_content.setup_change.defaultStyle='style.settings.item.label.hovered';"
  397.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  398.                                         this.button_content.setup_change.defaultStyle='style.settings.item.label';">
  399.                             <Panel name="spacer" width="10px" height="0" />
  400.                             <HBox name="button_content" width="auto" height="35px"
  401.                                 style="style.menu.item"
  402.                                 hoverStyle="style.menu.item.hovered">
  403.                                 <Panel name="spacer" width="4px" height="0"/>
  404.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.yellow" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  405.                                 <Panel name="spacer" width="10px" height="0" />
  406.                                 <Label name="setup_change" text="IDS_CHANGE_FOLDER" textID="IDS_CHANGE_FOLDER" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  407.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  408.                                 <Panel name="spacer" width="10px" height="0" />
  409.                             </HBox>
  410.                         </HBox>
  411.                         <HBox name="button_folder_levelup" width="auto" height="35px" alignment-horizontal="right" visible="false" active="true" focusable="true"
  412.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  413.                                         this.button_content.setup_select.defaultStyle='style.settings.item.label.hovered';"
  414.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  415.                                         this.button_content.setup_select.defaultStyle='style.settings.item.label';">
  416.                             <Panel name="spacer" width="10px" height="0" />
  417.                             <HBox name="button_content" width="auto" height="35px"
  418.                                 style="style.menu.item"
  419.                                 hoverStyle="style.menu.item.hovered">
  420.                                 <Panel name="spacer" width="4px" height="0"/>
  421.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.blue" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  422.                                 <Panel name="spacer" width="4px" height="0"/>
  423.                                 <Panel name="spacer" width="10px" height="0" />
  424.                                 <Label name="setup_select" text="IDS_LEVELUP_FOLDER" textID="IDS_LEVELUP_FOLDER" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  425.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  426.                                 <Panel name="spacer" width="10px" height="0" />
  427.                             </HBox>
  428.                         </HBox>
  429.                         <HBox name="button_folder_create" width="auto" height="35px" alignment-horizontal="right" visible="false" active="true" focusable="true"
  430.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  431.                                         this.button_content.setup_create.defaultStyle='style.settings.item.label.hovered';"
  432.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  433.                                         this.button_content.setup_create.defaultStyle='style.settings.item.label';">
  434.                             <Panel name="spacer" width="10px" height="0" />
  435.                             <HBox name="button_content" width="auto" height="35px"
  436.                                 style="style.menu.item"
  437.                                 hoverStyle="style.menu.item.hovered">
  438.                                 <Panel name="spacer" width="10px" height="0" />
  439.                                 <Label name="setup_create" text="IDS_CREATE_FOLDER" textID="IDS_CREATE_FOLDER" width="auto" width-max="150px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  440.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  441.                                 <Panel name="spacer" width="10px" height="0" />
  442.                             </HBox>
  443.                         </HBox>
  444.                         <HBox name="button_folder_rename" width="auto" height="35px" alignment-horizontal="right" visible="false" active="true" focusable="true"
  445.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  446.                                         this.button_content.setup_rename.defaultStyle='style.settings.item.label.hovered';"
  447.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  448.                                         this.button_content.setup_rename.defaultStyle='style.settings.item.label';">
  449.                             <Panel name="spacer" width="10px" height="0" />
  450.                             <HBox name="button_content" width="auto" height="35px"
  451.                                 style="style.menu.item"
  452.                                 hoverStyle="style.menu.item.hovered">
  453.                                 <Panel name="spacer" width="10px" height="0" />
  454.                                 <Label name="setup_rename" text="IDS_RENAME_FOLDER" textID="IDS_RENAME_FOLDER" width="auto" width-max="150px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  455.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  456.                                 <Panel name="spacer" width="10px" height="0" />
  457.                             </HBox>
  458.                         </HBox>
  459.                         <HBox name="button_folder_delete" width="auto" height="35px" alignment-horizontal="right" visible="false" active="true" focusable="true"
  460.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  461.                                         this.button_content.setup_delete.defaultStyle='style.settings.item.label.hovered';"
  462.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  463.                                         this.button_content.setup_delete.defaultStyle='style.settings.item.label';">
  464.                             <Panel name="spacer" width="10px" height="0" />
  465.                             <HBox name="button_content" width="auto" height="35px"
  466.                                 style="style.menu.item"
  467.                                 hoverStyle="style.menu.item.hovered">
  468.                                 <Panel name="spacer" width="10px" height="0" />
  469.                                 <Label name="setup_delete" text="IDS_DELETE_FOLDER" textID="IDS_DELETE_FOLDER" width="auto" width-max="150px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  470.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  471.                                 <Panel name="spacer" width="10px" height="0" />
  472.                             </HBox>
  473.                         </HBox>                
  474.                         <Button name="button_folder_back" width="55px" height="35px" alignment-horizontal="right" visible="false"
  475.                             onfocus="this.panel.defaultStyle='style.menu.item.hovered';"
  476.                             onblur="this.panel.defaultStyle='style.menu.item';">
  477.                             <Panel width="45px" x="10px" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel"/>
  478.                             <HBox width="100%" height="25px" alignment-vertical="center" name="button_container">
  479.                                 <Panel name="spacer" width="14px" height="0"/>
  480.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.red" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  481.                                 <Panel name="spacer" width="4px" height="0"/>
  482.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.left" disabledStyle="style.setupwizard.button.left.disabled" visible="true" alignment-vertical="center"/>
  483.                                 <Panel name="spacer" width="5px" height="0" />
  484.                             </HBox>
  485.                         </Button>
  486.                         <Button name="button_back" width="55px" height="35px" alignment-horizontal="right" visible="false"
  487.                             onfocus="this.panel.defaultStyle='style.menu.item.hovered';"
  488.                             onblur="this.panel.defaultStyle='style.menu.item';">
  489.                             <Panel width="45px" x="10px" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel"/>
  490.                             <HBox width="100%" height="25px" alignment-vertical="center" name="button_container">
  491.                                 <Panel name="spacer" width="14px" height="0"/>
  492.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.red" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  493.                                 <Panel name="spacer" width="4px" height="0"/>
  494.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.left" disabledStyle="style.setupwizard.button.left.disabled" visible="true" alignment-vertical="center"/>
  495.                                 <Panel name="spacer" width="5px" height="0" />
  496.                             </HBox>
  497.                         </Button>
  498.                         <HBox name="button_next" width="auto" height="35px" alignment-horizontal="right" visible="false" active="true" focusable="true"
  499.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  500.                                         this.button_content.setup_next.defaultStyle='style.settings.item.label.hovered';"
  501.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  502.                                         this.button_content.setup_next.defaultStyle='style.settings.item.label';">
  503.                             <Panel name="spacer" width="10px" height="0" />
  504.                             <HBox name="button_content" width="auto" height="35px"
  505.                                 style="style.menu.item"
  506.                                 hoverStyle="style.menu.item.hovered">
  507.                                 <Panel name="spacer" width="4px" height="0"/>
  508.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.green" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  509.                                 <Panel name="spacer" width="4px" height="0"/>
  510.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.right" visible="true" alignment-vertical="center"/>
  511.                                 <Panel name="spacer" width="10px" height="0" />
  512.                                 <Label name="setup_next" text="IDS_CONTINUE" textID="IDS_CONTINUE" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  513.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  514.                                 <Panel name="spacer" width="10px" height="0" />
  515.                             </HBox>
  516.                         </HBox>
  517.                     </HBox>
  518.                 </VBox>
  519.             </Panel>
  520.         </PredefinedPanel>
  521.         
  522.         <!-- Progress bar -->
  523.         <PredefinedPanel name="setupwizard_progress_basic_start" width="20px" height="45px">
  524.             <Image name="progress" width="20px" height="16px" source="Graphics\Icons_SetupWizard\NH_SetupWizard_Progress_basic_start.png" fillStyle="fit" visible="true" alignment-vertical="top" alignment-horizontal="right"/>
  525.         </PredefinedPanel>
  526.         <PredefinedPanel name="setupwizard_progress_basic_middle" width="20px" height="45px">
  527.             <Image name="progress" width="20px" height="16px" source="Graphics\Icons_SetupWizard\NH_SetupWizard_Progress_basic.png" fillStyle="fit" visible="true" alignment-vertical="top" alignment-horizontal="right"/>
  528.         </PredefinedPanel>
  529.         <PredefinedPanel name="setupwizard_progress_basic_end" width="20px" height="45px">
  530.             <Image name="progress" width="20px" height="16px" source="Graphics\Icons_SetupWizard\NH_SetupWizard_Progress_basic_end.png" fillStyle="fit" visible="true" alignment-vertical="top" alignment-horizontal="right"/>
  531.         </PredefinedPanel>
  532.         <PredefinedPanel name="setupwizard_progress_advanced_start" width="20px" height="45px">
  533.             <Image name="progress" width="20px" height="16px" source="Graphics\Icons_SetupWizard\NH_SetupWizard_Progress_advanced_start.png" fillStyle="fit" visible="true" alignment-vertical="top" alignment-horizontal="right"/>
  534.         </PredefinedPanel>
  535.         <PredefinedPanel name="setupwizard_progress_advanced_middle" width="20px" height="45px">
  536.             <Image name="progress" width="20px" height="16px" source="Graphics\Icons_SetupWizard\NH_SetupWizard_Progress_advanced.png" fillStyle="fit" visible="true" alignment-vertical="top" alignment-horizontal="right"/>
  537.         </PredefinedPanel>
  538.         <PredefinedPanel name="setupwizard_progress_advanced_end" width="20px" height="45px">
  539.             <Image name="progress" width="20px" height="16px" source="Graphics\Icons_SetupWizard\NH_SetupWizard_Progress_advanced_end.png" fillStyle="fit" visible="true" alignment-vertical="top" alignment-horizontal="right"/>
  540.         </PredefinedPanel>
  541.         <PredefinedPanel name="setupwizard_progress_active" width="20px" height="45px">
  542.             <Image name="progress" width="20px" height="16px" source="Graphics\Icons_SetupWizard\NH_SetupWizard_Progress_active.png" fillStyle="fit" visible="true" alignment-vertical="top" alignment-horizontal="right"/>
  543.         </PredefinedPanel>
  544.         
  545.         <!-- Welcome page -->
  546.         <PredefinedPanel name="setup_wizard_welcome" width="100%" height="100%">
  547.             <VBox width="100%" height="100%">
  548.                 <Panel width="0" height="10px"/>
  549.                 <Panel name="setupwizard_content_root" width="100%" height="100%">
  550.                     <VBox width="80%" height="100%" alignment-horizontal="center">
  551.                         <Image name="image" width="200px" height="110px" source="Graphics\Logo\logo_setupwizard.png" fillStyle="fit" alignment-horizontal="center" style="style.setupwizard.image.startpage"/>
  552.                         <Label name="label" textID="IDS_SETUPWIZARD_WELCOME_TEXT" width="*" height="150px" text-alignment-horizontal="center" text-alignment-vertical="top" style="style.setupwizard.welcome" marginLeft="3"/>
  553.                         <HBox name="button_start" width="auto" height="35px" alignment-horizontal="center"
  554.                             active="true" focusable="true"
  555.                             style="style.menu.item"
  556.                             hoverStyle="style.menu.item.hovered"
  557.                             onfocus="this.defaultStyle='style.menu.item.hovered';
  558.                                      this.setup_next.defaultStyle='style.settings.item.label.hovered';"
  559.                             onblur="this.defaultStyle='style.menu.item'; 
  560.                                     this.setup_next.defaultStyle='style.settings.item.label';">
  561.                             <Panel name="spacer" width="4px" height="0"/>
  562.                             <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.green" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  563.                             <Panel name="spacer" width="4px" height="0"/>
  564.                             <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.right" visible="true" alignment-vertical="center"/>
  565.                             <Panel name="spacer" width="10px" height="0" />
  566.                             <Label name="setup_next" text="IDS_START" textID="IDS_START" width="auto" width-max="300px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  567.                                 style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  568.                             <Panel name="spacer" width="10px" height="0" />
  569.                         </HBox>
  570.                     </VBox>
  571.                 </Panel>
  572.             </VBox>
  573.         </PredefinedPanel>
  574.         
  575.         <!-- Basic Settings finish page -->
  576.         <PredefinedPanel name="setup_wizard_advanced" width="100%" height="*">
  577.             <Panel name="setupwizard_content_root" width="100%" height="100%">
  578.                 <VBox width="100%" height="100%" alignment-horizontal="center" >
  579.                     <Panel width="100%" height="10px" />
  580.                     <!--Image name="image" width="200px" height="110px" source="Graphics\Logo\logo_setupwizard.png" fillStyle="fit" alignment-horizontal="center" style="style.setupwizard.image.advanced"/-->
  581.                     <Label name="label" textID="IDS_SETUPWIZARD_FINISH_BASIC_TEXT" width="*" height="70px" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.setupwizard.welcome" marginLeft="3" />
  582.                     <Label name="label" textID="IDS_SETUPWIZARD_FINISH_BASIC_SUBTEXT" width="*" height="120px" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.setupwizard.content" marginLeft="3" />
  583.                     <Label name="label" textID="IDS_SETUPWIZARD_FINISH_BASIC_SUBSUBTEXT" width="*" height="80px" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.setupwizard.content.italic" marginLeft="3" />
  584.                 </VBox>
  585.             </Panel>
  586.         </PredefinedPanel>
  587.         
  588.         <!-- Advanced Settings finish page -->
  589.         <PredefinedPanel name="setup_wizard_finish" width="100%" height="*">
  590.             <Panel name="setupwizard_content_root" width="100%" height="100%">
  591.                 <VBox width="80%" height="265px" alignment-horizontal="center">
  592.                     <Panel width="100%" height="10px"/>
  593.                     <Image name="image" width="200px" height="110px" source="Graphics\Logo\logo_setupwizard.png" fillStyle="fit" alignment-horizontal="center" style="style.setupwizard.image.finish"/>
  594.                     <Label name="label" textID="IDS_SETUPWIZARD_FINISH_TEXT" width="*" height="60px" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.setupwizard.welcome" marginLeft="3" />
  595.                     <Label name="label" textID="IDS_SETUPWIZARD_FINISH_SUBTEXT" width="*" height="50px" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.setupwizard.content" marginLeft="3" />
  596.                     <HBox name="button_finish_back" width="auto" height="35px" alignment-horizontal="center"
  597.                         active="true" focusable="true"
  598.                         style="style.menu.item"
  599.                         hoverStyle="style.menu.item.hovered"
  600.                         onfocus="this.defaultStyle='style.menu.item.hovered';
  601.                                     this.setup_back.defaultStyle='style.settings.item.label.hovered';"
  602.                         onblur="this.defaultStyle='style.menu.item'; 
  603.                                 this.setup_back.defaultStyle='style.settings.item.label';">
  604.                         <Panel name="spacer" width="4px" height="0"/>
  605.                         <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.red" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  606.                         <Panel name="spacer" width="4px" height="0"/>
  607.                         <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.left" visible="true" alignment-vertical="center"/>
  608.                         <Panel name="spacer" width="10px" height="0" />
  609.                         <Label name="setup_back" text="IDS_BACK" textID="IDS_BACK" width="auto" width-max="300px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  610.                             style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  611.                         <Panel name="spacer" width="10px" height="0" />
  612.                     </HBox>
  613.                 </VBox>
  614.             </Panel>
  615.         </PredefinedPanel>
  616.         
  617.         <!-- Setup Wizard Screen Setup page -->
  618.         <PredefinedPanel name="setup_wizard_screensetup" width="100%" height="*">
  619.             <VBox width="100%" height="100%">
  620.                 <Panel width="0" height="10px"/>
  621.                 <HBox width="100%" height="100%" alignment-horizontal="center">
  622.                     <HBox width="48%" height="*" alignment-horizontal="left">
  623.                         <Panel width="20%" height="0" />
  624.                         <VBox width="100%" height="*">
  625.                             <Panel width="0" height="22px" />
  626.                             <Label name="label" textID="IDS_SETUPWIZARD_SCREENSETUP_TEXT" width="80%" y="0px" height="*" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  627.                         </VBox>
  628.                     </HBox>
  629.                     <HBox width="48%" height="*" alignment-horizontal="right" default-child-alignment-vertical="center" >
  630.                         <VBox width="100%" height="*">
  631.                             <Panel width="0" height="22px" />
  632.                             <Button name="button_4_3" y="2px" width="190px" height="105px" autoRepeat="true"
  633.                                 onfocus="this.image_enabled.defaultStyle='style.menu.item.hovered';
  634.                                         this.image_disabled.defaultStyle='style.menu.item.hovered';"
  635.                                 onblur="this.image_enabled.defaultStyle='style.menu.item';
  636.                                         this.image_disabled.defaultStyle='style.menu.item';">
  637.                                 <Image name="image_enabled" width="100%" height="100%" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_4_3.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  638.                                 <Image name="image_disabled" width="100%" height="100%" visible="false" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_4_3_selected.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  639.                                 <CheckBox name="button" y="5px" x="158px" width="27px" height="27px" 
  640.                                     checkState="checked" checkBoxStateElement="image" enabled="false" active="false" focusable="false">
  641.                                     <CheckBoxStateElement name="image" width="100%" height="100%" 
  642.                                         uncheckedStyle="style.setupwizard.button.screen.unchecked" 
  643.                                         checkedStyle="style.setupwizard.button.screen.checked"
  644.                                         enabled="false" active="false"     focusable="false"/>
  645.                                 </CheckBox>
  646.                             </Button>
  647.                             <Panel width="0" height="10px" />
  648.                             <Button name="button_16_9" y="2px" width="190px" height="105px" autoRepeat="true"
  649.                                 onfocus="this.image_enabled.defaultStyle='style.menu.item.hovered';
  650.                                          this.image_disabled.defaultStyle='style.menu.item.hovered';"
  651.                                 onblur="this.image_enabled.defaultStyle='style.menu.item';
  652.                                         this.image_disabled.defaultStyle='style.menu.item';">
  653.                                 <Image name="image_enabled" width="100%" height="100%" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_16_9.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  654.                                 <Image name="image_disabled" width="100%" height="100%" visible="false" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_16_9_selected.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  655.                                 <CheckBox name="button" y="5px" x="158px" width="27px" height="27px" 
  656.                                     checkState="checked" checkBoxStateElement="image" enabled="false" active="false" focusable="false">
  657.                                     <CheckBoxStateElement name="image" width="100%" height="100%" 
  658.                                         uncheckedStyle="style.setupwizard.button.screen.unchecked" 
  659.                                         checkedStyle="style.setupwizard.button.screen.checked"
  660.                                         enabled="false" active="false"     focusable="false"/>
  661.                                 </CheckBox>
  662.                             </Button>
  663.                         </VBox>
  664.                     </HBox>
  665.                 </HBox>
  666.             </VBox>
  667.         </PredefinedPanel>
  668.         
  669.         <!-- Settings Screen Setup page -->
  670.         <PredefinedPanel name="settings_screensetup" width="100%" height="*">
  671.             <VBox width="100%" height="100%">
  672.                 <Label name="label" textID="IDS_SETTINGS_SCREENSETUP_TEXT" width="100%" y="0px" height="90px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="left"/>
  673.                 <HBox width="100%" height="*" alignment-horizontal="right" default-child-alignment-vertical="center" >
  674.                     <VBox width="100%" height="*">
  675.                         <Panel width="0" height="7px" />
  676.                         <Button name="button_4_3" y="2px" width="190px" height="105px" autoRepeat="true"
  677.                             onfocus="this.image_enabled.defaultStyle='style.menu.item.hovered';
  678.                                     this.image_disabled.defaultStyle='style.menu.item.hovered';"
  679.                             onblur="this.image_enabled.defaultStyle='style.menu.item';
  680.                                     this.image_disabled.defaultStyle='style.menu.item';">
  681.                             <Image name="image_enabled" width="100%" height="100%" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_4_3.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  682.                             <Image name="image_disabled" width="100%" height="100%" visible="false" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_4_3_selected.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  683.                             <CheckBox name="button" y="5px" x="158px" width="27px" height="27px" 
  684.                                 checkState="checked" checkBoxStateElement="image" enabled="false" active="false" focusable="false">
  685.                                 <CheckBoxStateElement name="image" width="100%" height="100%" 
  686.                                     uncheckedStyle="style.setupwizard.button.screen.unchecked" 
  687.                                     checkedStyle="style.setupwizard.button.screen.checked"
  688.                                     enabled="false" active="false"     focusable="false"/>
  689.                             </CheckBox>
  690.                         </Button>
  691.                         <Panel width="0" height="5px" />
  692.                         <Button name="button_16_9" y="2px" width="190px" height="105px" autoRepeat="true"
  693.                             onfocus="this.image_enabled.defaultStyle='style.menu.item.hovered';
  694.                                     this.image_disabled.defaultStyle='style.menu.item.hovered';"
  695.                             onblur="this.image_enabled.defaultStyle='style.menu.item';
  696.                                     this.image_disabled.defaultStyle='style.menu.item';">
  697.                             <Image name="image_enabled" width="100%" height="100%" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_16_9.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  698.                             <Image name="image_disabled" width="100%" height="100%" visible="false" source="Graphics\BG_SetupWizard\NH_SetupWizard_ScreenSetup_16_9_selected.png" style="style.menu.item" hoverStyle="style.menu.item.hovered"/>
  699.                             <CheckBox name="button" y="5px" x="158px" width="27px" height="27px" 
  700.                                 checkState="checked" checkBoxStateElement="image" enabled="false" active="false" focusable="false">
  701.                                 <CheckBoxStateElement name="image" width="100%" height="100%" 
  702.                                     uncheckedStyle="style.setupwizard.button.screen.unchecked" 
  703.                                     checkedStyle="style.setupwizard.button.screen.checked"
  704.                                     enabled="false" active="false"     focusable="false"/>
  705.                             </CheckBox>
  706.                         </Button>
  707.                     </VBox>
  708.                 </HBox>
  709.             </VBox>
  710.         </PredefinedPanel>
  711.         
  712.         <!-- Settings Media Database -->
  713.         <PredefinedPanel name="settings_nero_scout" width="100%" height="*">
  714.             <VBox width="100%" height="100%" alignment-horizontal="center">
  715.                 <Label name="label" textID="IDS_SETTINGS_SCOUT_SETUP_LABEL" width="100%" y="0px" height="80px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="left"/>
  716.                 <ListView name="folder_list" width="100%" height="70%" direction="horizontal" verticalScrollBar="vertical_scroll" style="style.page.content.darken">
  717.                     <Panel name="panel_empty_list_info" width="100%" height="100%" visible="true" />
  718.                     <ListViewItems name="list_view_items" keepFocusInside="false" x="0" y="0" width="100%" height="100%" virtual="true" hgap="1px" vgap="1px" />
  719.                     <InsertTemplate name="vertical_scroll"/>
  720.                 </ListView>
  721.             </VBox>
  722.         </PredefinedPanel>
  723.         
  724.         <!-- Setup Wizard Media Database -->
  725.         <PredefinedPanel name="setup_wizard_nero_scout" width="100%" height="*">
  726.             <VBox width="100%" height="100%">
  727.                 <Panel width="0" height="10px"/>
  728.                 <HBox width="100%" height="100%" alignment-horizontal="center">
  729.                     <HBox width="48%" height="*" alignment-horizontal="left">
  730.                         <Panel width="20%" height="0" />
  731.                         <VBox width="100%" height="*">
  732.                             <Panel width="0" height="22px" />
  733.                             <Label name="label" textID="IDS_SETUPWIZARD_SCOUT_SETUP_LABEL" width="80%" y="0px" height="*" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  734.                         </VBox>
  735.                     </HBox>
  736.                     <HBox width="48%" height="*" alignment-horizontal="right" default-child-alignment-vertical="top" >
  737.                         <VBox width="100%" height="*">
  738.                             <Panel width="0" height="22px" />
  739.                             <ListView name="folder_list" width="100%" height="60%" direction="horizontal" verticalScrollBar="vertical_scroll">
  740.                                 <Panel name="panel_empty_list_info" width="100%" height="100%" visible="true" />
  741.                                 <ListViewItems name="list_view_items" keepFocusInside="false" x="0" y="0" width="100%" height="100%" virtual="true" hgap="1px" vgap="1px" />
  742.                                 <InsertTemplate name="vertical_scroll"/>
  743.                             </ListView>
  744.                         </VBox>
  745.                     </HBox>
  746.                 </HBox>
  747.             </VBox>
  748.         </PredefinedPanel>
  749.         
  750.         <PredefinedPanel name="setup_wizard_iconviewitem" width="100%" height="40px">
  751.             <HBox width="100%" height="100%">
  752.                 <Panel name="item" width="100%" height="100%" style="style.filebrowser.iconview.item" 
  753.                 hoverStyle="style.filebrowser.iconview.item.hovered" 
  754.                 selectedStyle="style.filebrowser.iconview.item.selected" 
  755.                 hoverSelectedStyle="style.filebrowser.iconview.item.hoveredselected">
  756.                     
  757.                     <!-- background -->
  758.                     <Panel width="100%" height="100%"
  759.                         style="style.filebrowser.iconview.item" 
  760.                         selectedStyle="style.filebrowser.iconview.item" 
  761.  
  762.                         hoverStyle="style.filebrowser.iconview.item.hovered" 
  763.                         hoverSelectedStyle="style.filebrowser.iconview.item.hovered" 
  764.                     />
  765.  
  766.                     <Image name="item_thumb" fillStyle="fit" x="18px" width="18px" height="18px" source="Graphics\Icons_FileTypes\object.container.png"
  767.                         style="style.filebrowser.listview.item.image"
  768.                         alignment-vertical="center"
  769.                     />
  770.                     
  771.                     <Label name="item_title" x="40px" width="75%" height="30px"
  772.                         text-alignment-horizontal="left"
  773.                         text-alignment-vertical="center"
  774.                         style="style.setupwizard.listview.item.label" 
  775.                         hoverStyle="style.setupwizard.listview.item.label.hovered" 
  776.                         hoverSelectedStyle="style.setupwizard.listview.item.label.hoveredselected" 
  777.                         selectedStyle="style.setupwizard.listview.item.label.selected"
  778.                         alignment-horizontal="left"
  779.                         alignment-vertical="center"
  780.                     />
  781.                 </Panel>
  782.                 <Panel width="30px" height="0" />
  783.             </HBox>
  784.         </PredefinedPanel>
  785.         
  786.         <!-- Setup Wizard TV Recording -->
  787.         <PredefinedPanel name="setup_wizard_tv_recording" width="100%" height="*">
  788.             <VBox width="100%" height="100%">
  789.                 <Panel width="0" height="10px"/>
  790.                 <HBox width="100%" height="100%" alignment-horizontal="center">
  791.                     <HBox width="48%" height="*" alignment-horizontal="left">
  792.                         <Panel width="20%" height="0" />
  793.                         <VBox width="100%" height="*">
  794.                             <Panel width="0" height="22px" />
  795.                             <Label name="label" textID="IDS_SETUPWIZARD_TV_RECORDING_LABEL" width="80%" y="0px" height="*" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  796.                         </VBox>
  797.                     </HBox>
  798.                     <HBox width="48%" height="*" alignment-horizontal="right" default-child-alignment-vertical="top" >
  799.                         <VBox width="100%" height="*">
  800.                             <Panel width="0" height="22px" />
  801.                             
  802.                             <Panel width="100%" height="40px">
  803.                                 <Panel width="100%" height="100%"
  804.                                     style="style.filebrowser.iconview.item.hovered" 
  805.                                     selectedStyle="style.filebrowser.iconview.item" 
  806.  
  807.                                     hoverStyle="style.filebrowser.iconview.item.hovered" 
  808.                                     hoverSelectedStyle="style.filebrowser.iconview.item.hovered" 
  809.                                 />
  810.                                 <Image name="item_thumb" fillStyle="fit" x="18px" width="18px" height="18px" source="Graphics\Icons_FileTypes\object.container.png"
  811.                                     style="style.filebrowser.listview.item.image"
  812.                                     alignment-vertical="center"
  813.                                 />
  814.                                 
  815.                                 <Label name="item_title" x="40px" width="85%" height="30px"
  816.                                     text-alignment-horizontal="left"
  817.                                     text-alignment-vertical="center"
  818.                                     style="style.setupwizard.listview.item.label" 
  819.                                     hoverStyle="style.setupwizard.listview.item.label.hovered" 
  820.                                     hoverSelectedStyle="style.setupwizard.listview.item.label.hoveredselected" 
  821.                                     selectedStyle="style.setupwizard.listview.item.label.selected"
  822.                                     alignment-horizontal="left"
  823.                                     alignment-vertical="center"
  824.                                 />
  825.                             </Panel>
  826.                         </VBox>
  827.                     </HBox>
  828.                 </HBox>
  829.             </VBox>
  830.         </PredefinedPanel>
  831.         
  832.         <!-- Setup Wizard Folder Picker -->
  833.         <PredefinedPanel name="setup_wizard_folder_picker_add" width="100%" height="*">
  834.             <VBox width="100%" height="100%">
  835.                 <Panel width="0" height="10px"/>
  836.                 <HBox width="100%" height="100%" alignment-horizontal="center">
  837.                     <HBox width="28%" height="*" alignment-horizontal="left">
  838.                         <Panel width="20%" height="0" />
  839.                         <VBox width="100%" height="*">
  840.                             <Panel width="0" height="22px" />
  841.                             <Label name="label" textID="IDS_SETTINGS_Folderpicker_Add" width="80%" y="0px" height="*" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  842.                         </VBox>
  843.                     </HBox>
  844.                     <VBox width="68%" height="80%" alignment-horizontal="right" default-child-alignment-vertical="top" >
  845.                         <Panel width="0" height="20px" />
  846.                         <Panel name="content" width="100%" height="100%">
  847.                         </Panel>
  848.                     </VBox>
  849.                 </HBox>
  850.             </VBox>
  851.         </PredefinedPanel>
  852.         
  853.         <PredefinedPanel name="setup_wizard_folder_picker_change" width="100%" height="*">
  854.             <VBox width="100%" height="100%">
  855.                 <Panel width="0" height="10px"/>
  856.                 <HBox width="100%" height="100%" alignment-horizontal="center">
  857.                     <HBox width="28%" height="*" alignment-horizontal="left">
  858.                         <Panel width="20%" height="0" />
  859.                         <VBox width="100%" height="*">
  860.                             <Panel width="0" height="22px" />
  861.                             <Label name="label" textID="IDS_SETTINGS_Folderpicker_Change" width="80%" y="0px" height="*" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  862.                         </VBox>
  863.                     </HBox>
  864.                     <VBox width="68%" height="80%" alignment-horizontal="right" default-child-alignment-vertical="top" >
  865.                         <Panel width="0" height="20px" />
  866.                         <Panel name="content" width="100%" height="100%">
  867.                         </Panel>
  868.                     </VBox>
  869.                 </HBox>
  870.             </VBox>
  871.         </PredefinedPanel>
  872.         
  873.         <!-- Settings Folder Picker -->
  874.         <PredefinedPanel name="settings_folder_picker" width="100%" height="*">
  875.                 <Panel name="content" width="100%" height="90%"/>
  876.                 <Label name="info_label" width="100%" height="40px" style="style.setupwizard.content" text-alignment-vertical="bottom" alignment-vertical="bottom"/>
  877.         </PredefinedPanel>
  878.         
  879.         
  880.         <!-- TVSETTINGS -->    
  881.         
  882.         <!-- END TVSETTINGS -->            
  883.  
  884.         <!-- TVWIZARD -->    
  885.         <!-- Setup Wizard TV and radio scaning -->
  886.         <PredefinedPanel name="setup_wizard_tv_radio_scanning_tv_cards" width="100%" height="*">
  887.             <VBox width="100%" height="100%">
  888.                 <Panel width="0" height="10px"/>
  889.                 <HBox width="100%" height="*" alignment-horizontal="center">
  890.                     <HBox width="48%" height="*" alignment-horizontal="left">
  891.                         <VBox width="100%" height="*" x="20px" y="20px">
  892.                             <Label name="label" textID="IDS_SETUPWIZARD_TV_DESCRIPTION_1" width="100%" x="0px" height="70px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  893.                             <Label name="label1" textID="IDS_SETUPWIZARD_TV_DESCRIPTION_2" width="100%" height="100px" style="style.setupwizard.content.italic" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  894.                         </VBox>
  895.                     </HBox>
  896.                     <VBox width="48%" height="80%" alignment-horizontal="right" default-child-alignment-vertical="top" >
  897.                         <Panel width="0" height="20px" />
  898.                         <InsertTemplate name="ListView_SingleSelection" NAME="listview" HEIGHT="95%" GAP="0px"/>
  899.                     </VBox>
  900.                 </HBox>
  901.             </VBox>
  902.         </PredefinedPanel>
  903.  
  904.         <!-- TODO: could done es template?? -->
  905.         <PredefinedPanel name="ListView_empty_list_info" width="100%" height="100%">
  906.             <VBox width="100%" height="100%">
  907.                 <Label name="label_empty_list_info" width="90%" height="100%" text-alignment-horizontal="center" text-alignment-vertical="top" style="style.filebrowser.listview.item.label.emptylist" visible="true" />
  908.             </VBox>
  909.         </PredefinedPanel>
  910.         
  911.         <PredefinedPanel name="setup_wizard_tv_radio_capture_cards_listviewitem" width="100%" height="36px">
  912.             <InsertTemplate name="ListView_Item" CONTENT="ListView_FavoriteTransitions_Content" SELECTION_STYLE="empty"/>
  913.         </PredefinedPanel>
  914.  
  915.         <PredefinedPanel name="setup_wizard_tv_radio_scanning_tv_settings" width="100%" height="*">
  916.             <VBox name="setupwizard_content" width="100%" height="100%">
  917.                 <Panel width="0" height="10px"/>
  918.             </VBox>
  919.         </PredefinedPanel>
  920.  
  921.         <PredefinedPanel name="setup_wizard_tv_radio_scanning_tv_tuning" width="100%" height="*">
  922.             <VBox width="100%" height="100%">
  923.                 <Panel width="0" height="10px"/>
  924.                 <HBox width="100%" height="*" alignment-horizontal="center">
  925.                     <HBox width="48%" height="*" alignment-horizontal="left">
  926.                         <VBox width="100%" height="82%" x="20px" y="20px">
  927.                             <Label name="description" width="100%" y="0px" height="90px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  928.                             <Label name="comment" width="100%" height="80px" style="style.setupwizard.content.italic" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  929.                             <!--Panel width="0" height="80px"/-->
  930.                             <Label name="number_of_tv_channels"  width="100%" height="30px" style="style.setupwizard.content" alignment-vertical="bottom" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  931.                             <Label name="number_of_radio_channels" width="100%" height="30px" style="style.setupwizard.content" alignment-vertical="bottom" text-alignment-vertical="top" text-alignment-horizontal="right"/>
  932.                         </VBox>
  933.                     </HBox>
  934.                     <VBox width="48%" height="84%" alignment-horizontal="right" default-child-alignment-vertical="top" >
  935.                         <Panel width="0" height="20px" /> <!-- place holder -->
  936.                         
  937.                         <!-- init Message -->
  938.                         <!-- card info's -->
  939.                         <Panel name="card_info" width="100%" height="90px" alignment-horizontal="left" default-child-alignment-vertical="top" visible="true">                        
  940.                             <VBox width="100%" height="*">
  941.                                 <Label name="card_name" width="100%" y="0px" height="25px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="left"/>
  942.                                 <Label name="card_type" width="100%" height="30px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="left"/>
  943.                                 <ProgressBar name="progress_scanning" style="style.filebrowser.listview.progressbar" width="100%" height="15px"/>
  944.                             </VBox>                
  945.                         </Panel>
  946.                         
  947.                         <Panel width="0" height="20px" /> <!-- place holder -->
  948.                         <!-- error message -->
  949.                         <Label name="error_message" width="100%" height="100px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="right" visible="false"/>
  950.                         
  951.                             <!-- scanning -->
  952.                         <Panel name="scanning" width="100%" height="*" alignment-horizontal="left" default-child-alignment-vertical="top" visible="false">
  953.                             <VBox width="100%" height="*">
  954.                                 <Panel width="0" height="100px" /> <!-- place holder -->
  955.                                 <!-- video window -->
  956.                                 <!-- Direct Panel: PlaceHolder -->
  957.                                 <Panel name="video_renderer_panel" width="200px" height="185px" active="false" focusable="false" visible="false">
  958.                                     <VBox width="100%" height="100%">    
  959.                                         <Label name="preview_label" width="100%" x="0px" height="25px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="left"/>
  960.                                         <Panel width="0" height="20px" /> <!-- place holder -->
  961.                                         <Panel width="200px" height="140px" style="style.player.minimized.background.video" active="false" focusable="false" visible="true">
  962.                                             <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="100%" height="100%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
  963.                                             <DirectPanel name="video_renderer" width="100%" height="100%" active="false" visible="true" focusable="false" />
  964.                                         </Panel>
  965.                                     </VBox>
  966.                                 </Panel>
  967.  
  968.                                 <Panel name="signal_quality_strength" width="100%" height="100%" active="false" focusable="false" visible="false">
  969.                                     <VBox width="100%" height="100%">                            
  970.                                         <!-- signal strength and signal quality -->
  971.                                         <Label name="signal_quality" width="80%" height="30px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="left"/>
  972.                                         <Panel name="progress_signal_quality" style="style.setupwizard.tvwizard.signal" width="203px" height="13px"/>
  973.                                         <Label name="signal_strength" width="80%" height="30px" style="style.setupwizard.content" text-alignment-vertical="top" text-alignment-horizontal="left"/>
  974.                                         <Panel name="progress_signal_strength" style="style.setupwizard.tvwizard.signal" width="203px" height="13px"/>
  975.                                     </VBox>
  976.                                 </Panel>
  977.                             </VBox>
  978.                         </Panel>
  979.                     </VBox>
  980.                 </HBox>
  981.             </VBox>
  982.         </PredefinedPanel>
  983.  
  984.         <PredefinedPanel name="setup_wizard_tv_radio_scanning_menu" width="100%" height="40px">
  985.                 <!-- Button Group -->
  986.                 <VBox width="100%" height="35px" alignment-vertical="bottom">
  987.                     <HBox x="0px" width="100%" height="35px" name="setup_wizard_control" alignment-vertical="top" > <!-- -->
  988.                         <HBox name="button_scan_again" width="auto" height="35px" alignment-horizontal="right" active="true" focusable="true" visible="false"
  989.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  990.                                         this.button_content.label_setup_scan_again.defaultStyle='style.settings.item.label.hovered';"
  991.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  992.                                         this.button_content.label_setup_scan_again.defaultStyle='style.settings.item.label';">
  993.                             <HBox name="button_content" width="auto" height="35px"
  994.                                 style="style.menu.item"
  995.                                 hoverStyle="style.menu.item.hovered">
  996.                                 <Panel name="spacer" width="4px" height="0"/>
  997.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.yellow" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  998.                                 <Panel name="spacer" width="10px" height="0" />
  999.                                 <Label name="label_setup_scan_again" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  1000.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  1001.                                 <Panel name="spacer" width="10px" height="0" />
  1002.                             </HBox>
  1003.                         </HBox>
  1004.                         <Button name="button_back" width="55px" height="35px" alignment-horizontal="right"
  1005.                             onfocus="this.panel.defaultStyle='style.menu.item.hovered';"
  1006.                             onblur="this.panel.defaultStyle='style.menu.item';">
  1007.                             <Panel width="45px" x="10px" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel"/>
  1008.                             <HBox width="100%" height="25px" alignment-vertical="center" name="button_container">
  1009.                                 <Panel name="spacer" width="14px" height="0"/>
  1010.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.red" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  1011.                                 <Panel name="spacer" width="4px" height="0"/>
  1012.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.left" disabledStyle="style.setupwizard.button.left.disabled" visible="true" alignment-vertical="center"/>
  1013.                                 <Panel name="spacer" width="5px" height="0" />
  1014.                             </HBox>
  1015.                         </Button>
  1016.                         <HBox name="button_next" width="auto" height="35px" alignment-horizontal="right" active="true" focusable="true"
  1017.                             onfocus="this.button_content.defaultStyle='style.menu.item.hovered';
  1018.                                         this.button_content.label_setup_next.defaultStyle='style.settings.item.label.hovered';"
  1019.                                 onblur="this.button_content.defaultStyle='style.menu.item'; 
  1020.                                         this.button_content.label_setup_next.defaultStyle='style.settings.item.label';">
  1021.                             <Panel name="spacer" width="10px" height="0" />
  1022.                             <HBox name="button_content" width="auto" height="35px"
  1023.                                 style="style.menu.item"
  1024.                                 hoverStyle="style.menu.item.hovered">
  1025.                                 <Panel name="spacer" width="4px" height="0"/>
  1026.                                 <Panel name="colorkey" width="11px" height="20px" style="style.setupwizard.button.colorkey.green" disabledStyle="style.setupwizard.button.colorkey.disabled" visible="true" alignment-vertical="center"/>
  1027.                                 <Panel name="spacer" width="4px" height="0"/>
  1028.                                 <Panel name="arrow" width="21px" height="24px" style="style.setupwizard.button.right" visible="true" alignment-vertical="center"/>
  1029.                                 <Panel name="spacer" width="10px" height="0" />
  1030.                                 <Label name="label_setup_next" width="auto" width-max="250px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" 
  1031.                                     style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  1032.                                 <Panel name="spacer" width="10px" height="0" />
  1033.                             </HBox>
  1034.                         </HBox>
  1035.                     </HBox>
  1036.                 </VBox>
  1037.         </PredefinedPanel>
  1038.         
  1039.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_1" width="203px" height="13px">
  1040.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_1.png" fillStyle="fit" visible="true"/>
  1041.         </PredefinedPanel>
  1042.         
  1043.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_2" width="203px" height="13px">
  1044.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_2.png" fillStyle="fit" visible="true"/>
  1045.         </PredefinedPanel>
  1046.         
  1047.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_3" width="203px" height="13px">
  1048.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_3.png" fillStyle="fit" visible="true"/>
  1049.         </PredefinedPanel>
  1050.         
  1051.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_4" width="203px" height="13px">
  1052.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_4.png" fillStyle="fit" visible="true"/>
  1053.         </PredefinedPanel>
  1054.         
  1055.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_5" width="203px" height="13px">
  1056.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_5.png" fillStyle="fit" visible="true"/>
  1057.         </PredefinedPanel>
  1058.         
  1059.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_6" width="203px" height="13px">
  1060.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_6.png" fillStyle="fit" visible="true"/>
  1061.         </PredefinedPanel>
  1062.         
  1063.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_7" width="203px" height="13px">
  1064.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_7.png" fillStyle="fit" visible="true"/>
  1065.         </PredefinedPanel>
  1066.         
  1067.         <PredefinedPanel name="setupwizard_tvwizard_progress_signal_0" width="203px" height="13px">
  1068.             <Image name="progress" width="203px" height="13px" source="Graphics\Icons_SetupWizard\Signal_Indicator_BG_0.png" fillStyle="fit" visible="true"/>
  1069.         </PredefinedPanel>
  1070.         
  1071.         <!-- END TVWIZARD -->
  1072.         
  1073.         
  1074.         <!-- Modules Panel -->
  1075.         <PredefinedPanel name="startpage_modules" width="100%" height="100%">
  1076.             <VBox height="100%" width="100%">
  1077.                 <Panel height="*" width="0" />
  1078.                     <HBox height="50%" width="100%">
  1079.                     
  1080.                         <InsertTemplate name="StartupModuleItem" INDEX="1" /> 
  1081.                         <InsertTemplate name="StartupModuleItem" INDEX="2" /> 
  1082.                         <InsertTemplate name="StartupModuleItem" INDEX="3" /> 
  1083.                         <InsertTemplate name="StartupModuleItem" INDEX="4" /> 
  1084.                         <InsertTemplate name="StartupModuleItem" INDEX="5" /> 
  1085.                         
  1086.                     </HBox>
  1087.                 <Panel height="*" width="0" />
  1088.                 <Panel name="module_menu_container" height="2*" width="100%">
  1089.                     <VBox name="module_menu" width="50%" height="100%" visible="false" alignment-horizontal="center" style="style.startpage.menu"/>        
  1090.                 </Panel>
  1091.             </VBox>
  1092.          </PredefinedPanel>
  1093.         
  1094.          <!-- Definition of the user info panel, containing e.g. the clock -->
  1095.         <PredefinedPanel name="userinfo" width="100%" height="100%">
  1096.             <Panel name = "clock" width="100%" height="100%" visible="true">
  1097.                 <Label name="userinfo_begin" width="250px" height="20px" x="0" y="15px" text="| " style="style.settingsinfo" /> <!-- NOFACTOR y="15"? -->
  1098.                 <Label name="date_label" width="240px" height="20px" x="10px" text="" style="style.settingsinfo.small" />  <!-- NOFACTOR x="10"? -->
  1099.                 <Label name="userinfo_label" width="240px" height="20px" x="10px" y="15px" text="" style="style.settingsinfo" hoverStyle="style.settingsinfo.hovered" active="true" /> <!-- NOFACTOR x="10" y="15"? -->
  1100.             </Panel>
  1101.         </PredefinedPanel>
  1102.          
  1103.          <!-- Definition of the info panel to display backgroundscanner progress -->
  1104.         <PredefinedPanel name="infopanel_bgscanner" width="100%" height="100%">
  1105.             <Label name="text" width="100%" y="0px" height="20px" style="style.settingsinfo.small"/>
  1106.             <Label name="file" width="100%" y="20px" height="20px" style="style.settingsinfo.tiny.path"/>
  1107.         </PredefinedPanel>
  1108.     
  1109.          <!-- Definition of the search panel -->
  1110.         <PredefinedPanel name="searchpanel_predef" width="100%" height="100%">
  1111.             <HBox name="hbox" width="100%" height="100%">                
  1112.                 <!-- Input Box -->
  1113.                 <EditControl name="searchpanel_edit" width="*" height="25px" style="style.searchpanel.editcontrol" hoverStyle="style.searchpanel.editcontrol.hovered" marginLeft="4" marginTop="1" promptID="IDS_SEARCH_QUERYTEXTPLACEHOLDER" />
  1114.                 
  1115.                 <!-- Start Search Button -->
  1116.                 <Panel width="2px" height="0" />
  1117.                 <Button name="searchpanel_btn_go" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered">
  1118.                     <Image x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\startsearch.png" />
  1119.                 </Button>                                
  1120.                 <Panel width="2px" height="0" />
  1121.                 
  1122.                 <!-- If button "search activation" is present, it will be displayed if search is running or search results are not closed. -->
  1123.                 <!--
  1124.                 <Button name="search_activation"  width="25px" height="25px" visible="false">
  1125.                     <Panel name="inprogress" x="0" y="0" width="100%" height="100%" style="style.page.searchresults.inprogress" hoverStyle="style.page.searchresults.hovered" />
  1126.                     <Panel name="done"       x="0" y="0" width="100%" height="100%" style="style.page.searchresults.done"       hoverStyle="style.page.searchresults.hovered" visible="false" />
  1127.                 </Button>
  1128.                 -->
  1129.                 
  1130.                 <!-- Spacer -->
  1131.                 <Panel width="10px" height="0" />
  1132.             </HBox>
  1133.         </PredefinedPanel>
  1134.         
  1135.         <!-- Empty panel -->
  1136.         <PredefinedPanel name="empty_panel" width="100%" height="100%" />
  1137.         
  1138.         <!-- Panel for NMB with filebrowser and clipboard -->
  1139.         <PredefinedPanel name="nmb_content_panel" width="100%" height="100%">
  1140.         
  1141.             <!-- File Browser -->
  1142.             <Panel name="nmb_filebrowser_panel" width="100%" height="100%" />
  1143.  
  1144.             <!-- Clipboard (hidden) -->
  1145.             <Panel name="nmb_clipboard_panel" width="100%" height="100%" visible="false" />
  1146.  
  1147.             <!-- Search Results (hidden) -->
  1148.             <Panel name="nmb_searchresults_panel" width="100%" height="100%" visible="false" />
  1149.  
  1150.             <!-- Action Panel (hidden) -->
  1151.             <Panel name="nmb_action_panel" width="100%" height="100%" visible="false" />
  1152.             
  1153.         </PredefinedPanel>
  1154.         
  1155.         <PredefinedPanel name="filebrowser_empty_list_info" width="100%" height="100%">
  1156.             <VBox width="100%" height="100%">
  1157.                 <Label name="label_empty_list_info" width="90%" height="100%" text-alignment-horizontal="center" text-alignment-vertical="top" style="style.filebrowser.listview.item.label.emptylist" visible="true" />
  1158.             </VBox>
  1159.         </PredefinedPanel>
  1160.         
  1161.         <!-- File Browser: List View (small icons) -->
  1162.         <PredefinedPanel name="filebrowser_listview" width="100%" height="100%">
  1163.             <ListView name="listview" width="100%" height="100%" height-min="211px" direction="horizontal" verticalScrollBar="vertical_scroll" style="style.page.content.darken">
  1164.  
  1165.                 <Panel name="panel_empty_list_info" width="100%" height="100%" visible="true" />
  1166.  
  1167.                 <ListViewItems name="list_view_items" keepFocusInside="false"
  1168.                     x="0" y="0" width="100%" height="100%" virtual="true"
  1169.                 />
  1170.                 
  1171.                 <ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
  1172.                     <VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
  1173.                         <Panel width="0" height="3px" />
  1174.                         <ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
  1175.                         <Panel width="0" height="*" />
  1176.                         <ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
  1177.                         <Panel width="0" height="3px" />
  1178.                     </VBox>
  1179.                 </ScrollBar>
  1180.                 
  1181.             </ListView>
  1182.             <Panel name="child_panel" width="100%" height="100%" visible="false" />
  1183.         </PredefinedPanel>
  1184.         
  1185.         <PredefinedPanel name="filebrowser_listviewitem" width="100%" height="30px" >
  1186.             <Panel name="item" width="100%" height="100%" 
  1187.                 style="style.filebrowser.listview.item" 
  1188.                 hoverStyle="style.filebrowser.listview.item.hovered" 
  1189.                 selectedStyle="style.filebrowser.listview.item.selected" 
  1190.                 hoverSelectedStyle="style.filebrowser.listview.item.hoveredselected"
  1191.                 >
  1192.                 
  1193.                 <HBox name="container" height="100%" width="100%">
  1194.                     <Panel y="3px" width="40px" height="24px">
  1195.                         <Image name="item_icon" fillStyle="fit" x="8px" width="24px" height="24px" source="Graphics\empty.png"
  1196.                             style="style.filebrowser.listview.item.image" 
  1197.                         />
  1198.                         <Label name="item_info4" width="100%" height="100%"
  1199.                             style="style.filebrowser.listview.big.channelnr"
  1200.                             text-alignment-vertical="center"
  1201.                             text-alignment-horizontal="center"
  1202.                         />
  1203.                     </Panel>
  1204.                     <HBox width="*" height="100%">
  1205.                         <Label name="item_title" width="*" height="100%" text-alignment-vertical="center" 
  1206.                             style="style.filebrowser.listview.item.label" 
  1207.                             hoverStyle="style.filebrowser.listview.item.label.hovered" 
  1208.                             hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  1209.                             selectedStyle="style.filebrowser.listview.item.label.selected"
  1210.                         />
  1211.                         <Panel width="5px" height="0" />
  1212.                         <Panel name="item_state_playback" width="24px" height="100%" visible="false">
  1213.                             <Image name="item_state_playback_image" fillStyle="fit" width="24px" height="24px" source="graphics\Icons_State\item_state_play.png" style="style.filebrowser.listview.item.state.playback" alignment-vertical="center" />
  1214.                             <!--<Label name="item_state_playback_info1" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" style="style.filebrowser.listview.item.label.light" />-->
  1215.                         </Panel>
  1216.                     </HBox>
  1217.             
  1218.                     <Label name="item_info3" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" style="style.filebrowser.listview.item.label.light" hoverStyle="style.filebrowser.listview.item.label.light.hovered" hoverSelectedStyle="style.filebrowser.listview.item.label.light.hoveredselected" />
  1219.  
  1220.                     <Panel width="36px" height="0" />
  1221.                 </HBox>
  1222.             </Panel>
  1223.         </PredefinedPanel>
  1224.         
  1225.         <!-- File Browser: Icon View (large icons) -->
  1226.         <PredefinedPanel name="filebrowser_iconview" width="100%" height="100%">
  1227.             <ListView name="listview" width="100%" height="100%" direction="horizontal" verticalScrollBar="vertical_scroll" style="style.page.content.darken">
  1228.  
  1229.                 <Panel name="panel_empty_list_info" width="100%" height="100%" visible="true" />
  1230.  
  1231.                 <ListViewItems name="list_view_items" keepFocusInside="false"
  1232.                     x="0" y="0" width="100%" height="100%" virtual="true" hgap="10px" vgap="5px"
  1233.                 />
  1234.                 
  1235.                 <ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
  1236.                     <VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
  1237.                         <Panel width="0" height="5px" />
  1238.                         <ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
  1239.                         <Panel width="0" height="*" />
  1240.                         <ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
  1241.                         <Panel width="0" height="5px" />
  1242.                     </VBox>
  1243.                 </ScrollBar>
  1244.                 
  1245.             </ListView> 
  1246.             <Panel name="child_panel" width="100%" height="100%" visible="false" />
  1247.         </PredefinedPanel>
  1248.         
  1249.         <PredefinedPanel name="filebrowser_iconviewitem" width="110px" height="125px">
  1250.             <Panel name="item" width="100%" height="100%"
  1251.                 style="style.filebrowser.iconview.item" 
  1252.                 hoverStyle="style.filebrowser.iconview.item.hovered" 
  1253.                 selectedStyle="style.filebrowser.iconview.item.selected" 
  1254.                 hoverSelectedStyle="style.filebrowser.iconview.item.hoveredselected"
  1255.                 >
  1256.                 
  1257.                 <Image name="item_thumb" fillStyle="fit" x="5px" y="5px" width="100px" height="85px" source="Graphics\empty.png"
  1258.                     style="style.filebrowser.listview.item.image" 
  1259.                 />
  1260.                 
  1261.                 <Label name="item_info4" x="5px" y="5px" width="100px" height="85px"
  1262.                     style="style.filebrowser.iconview.channelnr"
  1263.                     text-alignment-vertical="center"
  1264.                     text-alignment-horizontal="center"
  1265.                 />
  1266.                 
  1267.                 <Label name="item_title" x="0px" y="95px" width="100%" height="30px" text-alignment-horizontal="center" text-alignment-vertical="center"
  1268.                     style="style.filebrowser.listview.item.label" 
  1269.                     hoverStyle="style.filebrowser.listview.item.label.hovered" 
  1270.                     hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  1271.                     selectedStyle="style.filebrowser.listview.item.label.selected"
  1272.                 />
  1273.             </Panel>
  1274.         </PredefinedPanel>
  1275.         
  1276.         <!-- File Browser: List View (medium icons) -->
  1277.         <PredefinedPanel name="filebrowser_iconlistview" width="100%" height="100%">
  1278.         
  1279.             <ListView name="listview" x="0" y="0" width="100%" height="100%" direction="horizontal" verticalScrollBar="vertical_scroll" style="style.page.content.darken">
  1280.  
  1281.                 <Panel name="panel_empty_list_info" width="100%" height="100%" visible="true" />
  1282.  
  1283.                 <ListViewItems name="list_view_items" multiSelect="true" keepFocusInside="false"
  1284.                     x="0" y="0" width="100%" height="100%" virtual="true"
  1285.                 />
  1286.                 
  1287.                 <ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
  1288.                     <VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
  1289.                         <Panel width="0" height="8px" />
  1290.                         <ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
  1291.                         <Panel width="0" height="*" />
  1292.                         <ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
  1293.                         <Panel width="0" height="8px" />
  1294.                     </VBox>
  1295.                 </ScrollBar>
  1296.                                 
  1297.             </ListView> 
  1298.             <Panel name="child_panel" width="100%" height="100%" visible="false" />
  1299.         </PredefinedPanel>
  1300.         
  1301.         <PredefinedPanel name="filebrowser_iconlistviewitem" width="100%" height="75px">
  1302.             <HBox name="item" x="0" y="0" width="100%" height="100%"
  1303.                 style="style.filebrowser.listview.big.item" 
  1304.                 selectedStyle="style.filebrowser.listview.big.item.selected" 
  1305.                 hoverSelectedStyle="style.filebrowser.listview.big.item.hoveredselected"
  1306.                 hoverStyle="style.filebrowser.listview.big.item.hovered"
  1307.                 >
  1308.                 
  1309.                 <Panel width="6px" height="0" />
  1310.                 <Panel y="5px" width="64px" height="64px">
  1311.                     <Image name="item_thumb" fillStyle="fit" width="64px" height="64px" source="graphics\empty.png"
  1312.                         style="style.filebrowser.listview.item.image" 
  1313.                     />
  1314.     
  1315.                     <Label name="item_info4" width="64px" height="64px"
  1316.                         style="style.filebrowser.listview.big.channelnr"
  1317.                         text-alignment-vertical="center"
  1318.                         text-alignment-horizontal="center"
  1319.                     />
  1320.                 </Panel>
  1321.                 <Panel width="6px" height="0" />
  1322.                 
  1323.                 <VBox height="100%" width="*">
  1324.                     <HBox height="30px" width="100%">
  1325.                         <HBox y="5px" width="*" height="100%">
  1326.                             <Label name="item_title" width="*" height="100%"
  1327.                                 text-alignment-vertical="center"
  1328.                                 text-alignment-horizontal="left"
  1329.                                 style="style.filebrowser.listview.item.label" 
  1330.                                 hoverStyle="style.filebrowser.listview.item.label.hovered" 
  1331.                                 hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  1332.                                 selectedStyle="style.filebrowser.listview.item.label.selected"
  1333.                             />
  1334.                             <Panel width="5px" height="0" />
  1335.                                                             
  1336.                             <Panel name="item_state_playback" width="24px" height="100%" visible="false">
  1337.                                 <Image name="item_state_playback_image" fillStyle="fit" width="24px" height="24px" source="graphics\Icons_State\item_state_play.png" style="style.filebrowser.listview.item.state.playback" alignment-vertical="center" />
  1338.                                 <!--<Label name="item_state_playback_info1" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" style="style.filebrowser.listview.item.label.light" />-->
  1339.                             </Panel>
  1340.                         </HBox>
  1341.  
  1342.                         <Label name="item_info3" y="5px" width="auto" height="100%" 
  1343.                             text-alignment-vertical="center"
  1344.                             text-alignment-horizontal="right"
  1345.                             style="style.filebrowser.listview.item.label.light"
  1346.                             hoverStyle="style.filebrowser.listview.item.label.light.hovered"
  1347.                             hoverSelectedStyle="style.filebrowser.listview.item.label.light.hoveredselected"
  1348.                         />
  1349.                         <Panel width="36px" height="0" />
  1350.                     </HBox>
  1351.                     <Label name="item_info1" width="100%" height="18px" style="style.filebrowser.listview.item.label.small" hoverStyle="style.filebrowser.listview.item.label.small.hovered" hoverSelectedStyle="style.filebrowser.listview.item.label.small.hoveredselected" text-alignment-vertical="center" />
  1352.                     <HBox width="100%" height="18px" default-child-alignment-vertical="center">
  1353.                         <Label name="item_info2" width="*" height="auto" style="style.filebrowser.listview.item.label.small" hoverStyle="style.filebrowser.listview.item.label.small.hovered" hoverSelectedStyle="style.filebrowser.listview.item.label.small.hoveredselected" text-alignment-vertical="center" />
  1354.                         <Panel width="5px" height="0" />
  1355.                         <ProgressBar style="style.filebrowser.listview.progressbar" name="time_line" width="100px" height="15px" visible="false"/>
  1356.                         <Panel width="10px" height="0" />
  1357.                     </HBox>
  1358.                 </VBox>
  1359.             </HBox>
  1360.         </PredefinedPanel>
  1361.         
  1362.         <!-- Folder Picker (File Browser) -->
  1363.         <PredefinedPanel name="folderpicker" width="100%" height="100%">
  1364.             <VBox width="100%" height="100%">
  1365.                 <Button name="button_parentdir" width="100%" height="35px" style="empty" selectedStyle="style.filebrowser.listview.item.selection_mark">
  1366.  
  1367.                     <!-- background  -->
  1368.                     <Panel height="100%" width="100%" 
  1369.                         style="style.filebrowser.listview.item" 
  1370.                         selectedStyle="style.filebrowser.listview.item" 
  1371.  
  1372.                         hoverStyle="style.filebrowser.listview.item.hovered" 
  1373.                         hoverSelectedStyle="style.filebrowser.listview.item.hovered" 
  1374.                     />
  1375.                                             
  1376.                     <!-- separator line -->
  1377.                     <Panel y="54px" height="3px" width="100%" style="style.listview.separator.line"/>
  1378.  
  1379.                     <!-- content -->
  1380.                     <HBox width="100%" height="100%">
  1381.                         <Panel height="0" width="15px" />
  1382.                         <Image name="parent_thumb" fillStyle="fit" width="32px" height="32px" source="graphics\empty.png"
  1383.                             style="style.filebrowser.listview.item.image"
  1384.                             alignment-vertical="center"
  1385.                         />
  1386.                         <Panel height="0" width="15px" />
  1387.                         <Label name="label_parentdir" width="*" height="100%" text="Parent Directory" style="style.settings.label" text-alignment-vertical="center" text-alignment-horizontal="left" />
  1388.                     </HBox>
  1389.                 </Button>
  1390.  
  1391.                 <HBox width="100%" height="*">
  1392.                     <!-- spacer -->
  1393.                     <Panel width="30px" height="0" />
  1394.                     <Panel name="panel_filebrowser" width="*" height="90%" />
  1395.                 </HBox>
  1396.             </VBox>
  1397.         </PredefinedPanel>
  1398.         
  1399.         <!-- Main Menu -->
  1400.         <PredefinedPanel name="menuitems" width="100%" height="100%">
  1401.             <VBox name="menuitems" width="100%" height="100%" />
  1402.         </PredefinedPanel>
  1403.         
  1404.         <PredefinedPanel name="menuitem" width="100%" height="30px">
  1405.             <Button name="item" width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered">
  1406.                 <HBox width="100%" height="100%" default-child-alignment-horizontal="right">
  1407.                     <Label name="label" width="*" height="100%" text-alignment-horizontal="right" text-alignment-vertical="center" style="style.menu.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.menu.item.label.hovered"/>
  1408.                     <Image name="checkbox" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
  1409.                     <Image name="icon" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
  1410.                     <Image name="navigate" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
  1411.                     <Image name="colorkey" width="10px" height="100%" source="" fillStyle="fit" visible="false" />
  1412.                     <Panel width="5px" height="0" />
  1413.                 </HBox>
  1414.             </Button>
  1415.         </PredefinedPanel>
  1416.  
  1417.         <!-- Definition of the minimized task panel -->
  1418.         <PredefinedPanel name="minimized_task" width="100%" height="100%">
  1419.             <VBox name="minimized_task_root" width="100%" height="100%" visible="false">
  1420.                 <HBox name="minimized_task_controls" width="100%" height="22px" alignment-horizontal="right" default-child-alignment-horizontal="right" style="style.minimized_task.header">
  1421.                     <Button name="button_restore" width="22px" height="22px" style="style.minimized_task.headercontrol" hoverStyle="style.minimized_task.headercontrol.hovered" visible="true">
  1422.                         <Image name="icon" x="1px" y="1px" width="20px" height="20px" source="Graphics\Icons_Handlers\maximize.png" />
  1423.                     </Button>
  1424.                     <Panel width="2px" height="0" />
  1425.                     <Button name="button_close" width="22px" height="22px" style="style.minimized_task.headercontrol" hoverStyle="style.minimized_task.headercontrol.hovered" visible="true">
  1426.                         <Image x="1px" y="1px" width="20px" height="20px" source="Graphics\Icons_Handlers\close.png" />
  1427.                     </Button>
  1428.                 </HBox>
  1429.                 <Panel name="minimized_task_panel" width="100%" height="*" style="style.page.minimizedtask" />
  1430.             </VBox>
  1431.         </PredefinedPanel>
  1432.         
  1433.         <!-- Player Controls: Full Screen -->
  1434.         <PredefinedPanel name="player_controls_full" width="100%" height="100%">                        
  1435.             <Shortcut name="seekbar"            target="controls.controls_slider.seekbar"                                    />
  1436.             <Shortcut name="label_position"        target="controls.controls_slider.label_position"                            />
  1437.             <Shortcut name="label_duration"        target="controls.controls_slider.label_duration"                            />
  1438.  
  1439.             <Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />
  1440.                         
  1441.             <!-- Activation Area -->
  1442.             <Panel name="pc_activation_area" width="100%" height="72px" active="true" alignment-vertical="bottom" />
  1443.             
  1444.             <!-- Control Bar -->
  1445.             <VBox name="controls" width="100%" height="72px" alignment-vertical="bottom" style="style.playercontrols.large.background">
  1446.                 <!-- Shortcuts -->
  1447.                 <Shortcut name="previous"            target="controls_normal.previous_panel.previous"                    />
  1448.                 <Shortcut name="previous_disabled"    target="controls_normal.previous_panel.previous_disabled"            />
  1449.                 <Shortcut name="previous_panel"        target="controls_normal.previous_panel"                                />
  1450.                 <Shortcut name="next"                target="controls_normal.next_panel.next"                            />
  1451.                 <Shortcut name="next_disabled"        target="controls_normal.next_panel.next_disabled"                    />
  1452.                 <Shortcut name="next_panel"            target="controls_normal.next_panel"                                    />
  1453.  
  1454.                 <Shortcut name="channelup"            target="controls_normal.channelup_panel.channelup"                    />
  1455.                 <Shortcut name="channelup_disabled"    target="controls_normal.channelup_panel.channelup_disabled"            />
  1456.                 <Shortcut name="channelup_panel"    target="controls_normal.channelup_panel"                            />
  1457.  
  1458.                 <Shortcut name="channeldown"        target="controls_normal.channeldown_panel.channeldown"                />
  1459.                 <Shortcut name="channeldown_disabled" target="controls_normal.channeldown_panel.channeldown_disabled"    />
  1460.                 <Shortcut name="channeldown_panel"    target="controls_normal.channeldown_panel"                            />
  1461.  
  1462.                 <Shortcut name="play"                target="controls_normal.play_panel.play"                            />
  1463.                 <Shortcut name="pause"                target="controls_normal.play_panel.pause"                            />
  1464.                 <Shortcut name="pause_disabled"        target="controls_normal.play_panel.pause_disabled"                    />
  1465.                 <Shortcut name="play_panel"            target="controls_normal.play_panel"                                    />
  1466.  
  1467.                 <Shortcut name="rewind"                target="controls_normal.rewind_panel.rewind"                        />
  1468.                 <Shortcut name="rewind_disabled"    target="controls_normal.rewind_panel.rewind_disabled"                />
  1469.                 <Shortcut name="rewind_panel"        target="controls_normal.rewind_panel"                                />
  1470.  
  1471.                 <Shortcut name="fforward"            target="controls_normal.fforward_panel.fforward"                    />
  1472.                 <Shortcut name="fforward_disabled"    target="controls_normal.fforward_panel.fforward_disabled"            />
  1473.                 <Shortcut name="fforward_panel"        target="controls_normal.fforward_panel"                                />
  1474.  
  1475.                 <Shortcut name="stop"                target="controls_normal.stop_panel.stop"                            />
  1476.                 <Shortcut name="stop_disabled"        target="controls_normal.stop_panel.stop_disabled"                    />
  1477.                 <Shortcut name="stop_panel"            target="controls_normal.stop_panel"                                    />
  1478.                 <Shortcut name="record"                target="controls_normal.record_panel.record"                        />
  1479.                 <Shortcut name="record_disabled"    target="controls_normal.record_panel.record_disabled"                />
  1480.                 <Shortcut name="record_panel"        target="controls_normal.record_panel"                                />
  1481.  
  1482.                 <Shortcut name="seekbar"            target="controls_slider.seekbar"                                    />
  1483.                 
  1484.                 <Shortcut name="volume"                target="controls_normal.volume_panel.volume"                        />
  1485.                 <Shortcut name="volume_panel"        target="controls_normal.volume_panel"                                />
  1486.                 
  1487.                 <Shortcut name="mute"                target="controls_normal.mute_panel.mute"                            />
  1488.                 <Shortcut name="unmute"                target="controls_normal.mute_panel.unmute"                            />
  1489.                 <Shortcut name="mute_panel"            target="controls_normal.mute_panel"                                    />
  1490.                 
  1491.                 <Shortcut name="globalback"            target="controls_normal.globalback_panel.globalback_panel.globalback"    />
  1492.                 <Shortcut name="globalback_disabled" target="controls_normal.globalback_panel.globalback_panel.globalback_disabled"    />
  1493.                 <Shortcut name="globalback_panel"    target="controls_normal.globalback_panel"                                />
  1494.                 <!-- Spacer -->
  1495.                 <Panel width="0" height="4px" name="controls_spacer1"/>
  1496.                 
  1497.                 <!-- Seek Slider -->
  1498.                 <HBox width="100%" height="21px" name="controls_slider">
  1499.                     <Panel width="10px" height="0" name="slider_spacer1"/>
  1500.                     <HBox name="seekbar" width="*" height="100%" style="style.playercontrols.large.seekbar">
  1501.                         <Image width="2px" height="100%" source="Graphics\BG_PlayerControls\large_slider_left.png" name="image_slider_left"/>
  1502.                         <Slider style="style.playercontrols.large.seekbar" name="slider" width="*" height="21px" thumbElement="movePanel" focusable="false"> <!-- NOFACTOR width="800"? -->
  1503.                             <Panel width="16px" height="100%" name="movePanel" style="style.playercontrols.large.seekbar.thumb"/>
  1504.                         </Slider>
  1505.                         <Image width="2px" height="100%" source="Graphics\BG_PlayerControls\large_slider_right.png" name="image_slider_right"/>
  1506.                     </HBox>
  1507.                     <Panel width="10px" height="0" name="slider_spacer2"/>
  1508.                     <Label name="label_position" width="auto" height="100%" text-alignment-vertical="center" text="0:00" style="style.player.osd.label" />
  1509.                     <Label width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" text="/" style="style.player.osd.label.light" name="slash"/>
  1510.                     <Label name="label_duration" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="center" text="0:00" style="style.player.osd.label" />
  1511.                     <Panel width="10px" height="0" name="slider_spacer3"/>
  1512.                 </HBox>
  1513.                 
  1514.                 <!-- Spacer -->
  1515.                 <Panel width="0" height="2px" name="controls_spacer2"/>
  1516.             
  1517.                 <!-- Controls -->
  1518.                 <HBox width="100%" height="*" name="controls_normal">
  1519.                     <!-- Spacer -->
  1520.                     <Panel width="10px" height="0" name="spacer"/>
  1521.                     <Image width="4px" height="100%" alignment-vertical="bottom" source="Graphics\Icons_PlayerControls\separator.png" name="separator1"/>
  1522.                     
  1523.                     <!-- Play / Pause -->
  1524.                     <Panel name="play_panel" width="55px" height="100%" style="style.playercontrols.item">
  1525.                         <ImageButton name="pause_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause_disabled.png" active="false" focusable="false" />
  1526.                         <ImageButton name="pause" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause.png" hoverSource="Graphics\Icons_PlayerControls\pause_active.png" focusable="false" />
  1527.                         <ImageButton name="play" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\play.png" hoverSource="Graphics\Icons_PlayerControls\play_active.png" focusable="false" />
  1528.                     </Panel>
  1529.                     
  1530.                     <!-- Stop -->
  1531.                     <Panel name="stop_panel" width="55px" height="100%" style="style.playercontrols.item">
  1532.                         <ImageButton name="stop_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop_disabled.png" active="false" focusable="false" />
  1533.                         <ImageButton name="stop" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop.png" hoverSource="Graphics\Icons_PlayerControls\stop_active.png" focusable="false" />
  1534.                     </Panel>
  1535.                     
  1536.                     <!-- Record -->
  1537.                     <Panel name="record_panel" width="55px" height="100%" style="style.playercontrols.item">
  1538.                         <ImageButton name="record_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record_disabled.png" active="false" focusable="false" />
  1539.                         <ImageButton name="record" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record.png" hoverSource="Graphics\Icons_PlayerControls\record_active.png" focusable="false" />
  1540.                     </Panel>
  1541.                     
  1542.                     <!-- Previous / Next -->
  1543.                     <Panel name="previous_panel" width="55px" height="100%" style="style.playercontrols.item">
  1544.                         <ImageButton name="previous_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward_disabled.png" active="false" focusable="false" />
  1545.                         <ImageButton name="previous" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward.png" hoverSource="Graphics\Icons_PlayerControls\backward_active.png" focusable="false" />
  1546.                     </Panel>
  1547.                     <Panel name="next_panel" width="55px" height="100%" style="style.playercontrols.item">
  1548.                         <ImageButton name="next_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward_disabled.png" active="false" focusable="false" />
  1549.                         <ImageButton name="next" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward.png" hoverSource="Graphics\Icons_PlayerControls\forward_active.png" focusable="false" />
  1550.                     </Panel>
  1551.                     
  1552.                     <!-- Fast Backward / Fast Forward -->
  1553.                     <Panel name="rewind_panel" width="55px" height="100%" style="style.playercontrols.item">
  1554.                         <ImageButton name="rewind_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward_disabled.png" active="false" focusable="false" />
  1555.                         <ImageButton name="rewind" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward.png" hoverSource="Graphics\Icons_PlayerControls\fastbackward_active.png" focusable="false" />
  1556.                         <!-- <Label name="rw_speed" width="93%" height="33%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label" /> -->
  1557.                     </Panel>
  1558.                     <Panel name="fforward_panel" width="55px" height="100%" style="style.playercontrols.item">
  1559.                         <ImageButton name="fforward_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward_disabled.png" active="false" focusable="false" />
  1560.                         <ImageButton name="fforward" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward.png" hoverSource="Graphics\Icons_PlayerControls\fastforward_active.png" focusable="false" />
  1561.                         <!-- <Label name="ff_speed" width="93%" height="33%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label" /> -->
  1562.                     </Panel>
  1563.                     
  1564.                     <!-- Channel Up / Channel Down -->
  1565.                     <Panel name="channelup_panel" width="55px" height="100%" style="style.playercontrols.item">
  1566.                         <ImageButton name="channelup_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup_disabled.png" active="false" focusable="false" />
  1567.                         <ImageButton name="channelup" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup.png" hoverSource="Graphics\Icons_PlayerControls\channelup_active.png" focusable="false" />
  1568.                     </Panel>
  1569.                     <Panel name="channeldown_panel" width="55px" height="100%" style="style.playercontrols.item">
  1570.                         <ImageButton name="channeldown_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown_disabled.png" active="false" focusable="false" />
  1571.                         <ImageButton name="channeldown" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown.png" hoverSource="Graphics\Icons_PlayerControls\channeldown_active.png" focusable="false" />
  1572.                     </Panel>
  1573.                     
  1574.                     <!-- Mute -->
  1575.                     <Panel width="10px" height="0" name="mute_spacer"/>
  1576.                     <Panel name="mute_panel" y="5px" width="30px" height="30px">
  1577.                         <ImageButton name="mute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_off.png" hoverSource="Graphics\Icons_PlayerControls\mute_off_active.png" focusable="false" />
  1578.                         <ImageButton name="unmute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_on.png" hoverSource="Graphics\Icons_PlayerControls\mute_on_active.png" focusable="false" />
  1579.                     </Panel>
  1580.                     
  1581.                     <!-- Volume -->
  1582.                     <Panel name="volume_panel" y="10px" width="110px" height="20px">
  1583.                         <Slider name="volume" width="110px" height="20px" thumbElement="movePanel" style="style.playercontrols.large.volume" focusable="false">
  1584.                             <Panel width="5px" height="100%" name="movePanel" style="style.playercontrols.large.volume.thumb"/>
  1585.                         </Slider>
  1586.                     </Panel>
  1587.                     
  1588.                     <!-- Logo / Back -->
  1589.                     <HBox name="globalback_panel" width="160px" height="100%" style="style.playercontrols.item" alignment-horizontal="right">
  1590.                         
  1591.                         <!-- Back -->
  1592.                         <Panel y="8px" width="30px" height="30px" alignment-horizontal="right" name="globalback_panel">
  1593.                             <ImageButton name="globalback_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\back.png" active="false" fillStyle="fit" focusable="false" />
  1594.                             <ImageButton name="globalback" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\back.png" hoverSource="Graphics\Icons_PlayerControls\back_active.png" fillStyle="fit" focusable="false" />
  1595.                         </Panel>
  1596.                     </HBox>
  1597.  
  1598.                 </HBox>
  1599.             </VBox>
  1600.             
  1601.         </PredefinedPanel>
  1602.         
  1603.         <!-- Player Controls: Normal -->
  1604.         <PredefinedPanel name="player_controls_normal" width="100%" height="100%">
  1605.             <Shortcut name="seekbar"            target="controls.controls_slider.seekbar"                                    />
  1606.             <Shortcut name="label_position"        target="controls.controls_normal.labels.label_position"                        />
  1607.             <Shortcut name="label_duration"        target="controls.controls_normal.labels.label_duration"                        />
  1608.  
  1609.  
  1610.             <Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />
  1611.             
  1612.             <!-- Activation Area -->
  1613.             <Panel name="pc_activation_area" width="100%" height="48px" active="true" alignment-vertical="bottom" />
  1614.  
  1615.             <!-- Control Bar -->
  1616.             <VBox name="controls" width="100%" height="48px" alignment-vertical="bottom" style="style.playercontrols.normal.background">
  1617.                 <!-- Shortcuts -->
  1618.                 <Shortcut name="previous"            target="controls_normal.previous_panel.previous"                    />
  1619.                 <Shortcut name="previous_disabled"    target="controls_normal.previous_panel.previous_disabled"            />
  1620.                 <Shortcut name="previous_panel"        target="controls_normal.previous_panel"                                />
  1621.                 <Shortcut name="next"                target="controls_normal.next_panel.next"                            />
  1622.                 <Shortcut name="next_disabled"        target="controls_normal.next_panel.next_disabled"                    />
  1623.                 <Shortcut name="next_panel"            target="controls_normal.next_panel"                                    />
  1624.  
  1625.                 <Shortcut name="channelup"            target="controls_normal.channelup_panel.channelup"                    />
  1626.                 <Shortcut name="channelup_disabled"    target="controls_normal.channelup_panel.channelup_disabled"            />
  1627.                 <Shortcut name="channelup_panel"    target="controls_normal.channelup_panel"                            />
  1628.  
  1629.                 <Shortcut name="channeldown"        target="controls_normal.channeldown_panel.channeldown"                />
  1630.                 <Shortcut name="channeldown_disabled" target="controls_normal.channeldown_panel.channeldown_disabled"    />
  1631.                 <Shortcut name="channeldown_panel"    target="controls_normal.channeldown_panel"                            />
  1632.  
  1633.                 <Shortcut name="play"                target="controls_normal.play_panel.play"                            />
  1634.                 <Shortcut name="pause"                target="controls_normal.play_panel.pause"                            />
  1635.                 <Shortcut name="pause_disabled"        target="controls_normal.play_panel.pause_disabled"                    />
  1636.                 <Shortcut name="play_panel"            target="controls_normal.play_panel"                                    />
  1637.  
  1638.                 <Shortcut name="rewind"                target="controls_normal.rewind_panel.rewind"                        />
  1639.                 <Shortcut name="rewind_disabled"    target="controls_normal.rewind_panel.rewind_disabled"                />
  1640.                 <Shortcut name="rewind_panel"        target="controls_normal.rewind_panel"                                />
  1641.  
  1642.                 <Shortcut name="fforward"            target="controls_normal.fforward_panel.fforward"                    />
  1643.                 <Shortcut name="fforward_disabled"    target="controls_normal.fforward_panel.fforward_disabled"            />
  1644.                 <Shortcut name="fforward_panel"        target="controls_normal.fforward_panel"                                />
  1645.  
  1646.                 <Shortcut name="stop"                target="controls_normal.stop_panel.stop"                            />
  1647.                 <Shortcut name="stop_disabled"        target="controls_normal.stop_panel.stop_disabled"                    />
  1648.                 <Shortcut name="stop_panel"            target="controls_normal.stop_panel"                                    />
  1649.                 <Shortcut name="record"                target="controls_normal.record_panel.record"                        />
  1650.                 <Shortcut name="record_disabled"    target="controls_normal.record_panel.record_disabled"                />
  1651.                 <Shortcut name="record_panel"        target="controls_normal.record_panel"                                />
  1652.  
  1653.                 <Shortcut name="seekbar"            target="controls_slider.seekbar"                                    />
  1654.                 
  1655.                 <Shortcut name="volume"                target="controls_normal.volume_panel.volume"                        />
  1656.                 <Shortcut name="volume_panel"        target="controls_normal.volume_panel"                                />
  1657.                 
  1658.                 <Shortcut name="mute"                target="controls_normal.mute_panel.mute"                            />
  1659.                 <Shortcut name="unmute"                target="controls_normal.mute_panel.unmute"                            />
  1660.                 <Shortcut name="mute_panel"            target="controls_normal.mute_panel"                                    />
  1661.                 
  1662.                 
  1663.                 <!-- Spacer -->
  1664.                 <Panel width="0" height="3px" />
  1665.                 
  1666.                 <!-- Seek Slider -->
  1667.                 <HBox width="100%" height="14px" name="controls_slider">
  1668.                     <Panel width="10px" height="0" />
  1669.                     <HBox name="seekbar" width="*" height="100%" style="style.playercontrols.normal.seekbar">
  1670.                         <Image width="2px" height="100%" source="Graphics\BG_PlayerControls\normal_slider_left.png" />
  1671.                         <Slider style="style.playercontrols.normal.seekbar" name="slider" width="*" height="14px" thumbElement="movePanel" focusable="false"> <!-- NOFACTOR width="800"? -->
  1672.                             <Panel width="11px" height="100%" name="movePanel" style="style.playercontrols.normal.seekbar.thumb"/>
  1673.                         </Slider>
  1674.                         <Image width="2px" height="100%" source="Graphics\BG_PlayerControls\normal_slider_right.png" />
  1675.                     </HBox>
  1676.                     <Panel width="10px" height="0" />
  1677.                 </HBox>
  1678.                 
  1679.                 <!-- Spacer -->
  1680.                 <Panel width="0" height="1px" />
  1681.             
  1682.                 <!-- Controls -->
  1683.                 <HBox width="100%" height="*" name="controls_normal">
  1684.                     <!-- Spacer -->
  1685.                     <Panel width="10px" height="0" />
  1686.                     <Image width="4px" height="100%" alignment-vertical="bottom" source="Graphics\Icons_PlayerControls\separator.png" />
  1687.                     
  1688.                     <!-- Play / Pause -->
  1689.                     <Panel name="play_panel" width="36px" height="100%" style="style.playercontrols.item">
  1690.                         <ImageButton name="pause_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause_disabled.png" active="false" focusable="false" />
  1691.                         <ImageButton name="pause" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause.png" hoverSource="Graphics\Icons_PlayerControls\pause_active.png" focusable="false" />
  1692.                         <ImageButton name="play" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\play.png" hoverSource="Graphics\Icons_PlayerControls\play_active.png" focusable="false" />
  1693.                     </Panel>
  1694.                     
  1695.                     <!-- Stop -->
  1696.                     <Panel name="stop_panel" width="36px" height="100%" style="style.playercontrols.item">
  1697.                         <ImageButton name="stop_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop_disabled.png" active="false" focusable="false" />
  1698.                         <ImageButton name="stop" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop.png" hoverSource="Graphics\Icons_PlayerControls\stop_active.png" focusable="false" />
  1699.                     </Panel>
  1700.                     
  1701.                     <!-- Record -->
  1702.                     <Panel name="record_panel" width="36px" height="100%" style="style.playercontrols.item">
  1703.                         <ImageButton name="record_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record_disabled.png" active="false" focusable="false" />
  1704.                         <ImageButton name="record" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record.png" hoverSource="Graphics\Icons_PlayerControls\record_active.png" focusable="false" />
  1705.                     </Panel>
  1706.                     
  1707.                     <!-- Previous / Next -->
  1708.                     <Panel name="previous_panel" width="36px" height="100%" style="style.playercontrols.item">
  1709.                         <ImageButton name="previous_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward_disabled.png" active="false" focusable="false" />
  1710.                         <ImageButton name="previous" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward.png" hoverSource="Graphics\Icons_PlayerControls\backward_active.png" focusable="false" />
  1711.                     </Panel>
  1712.                     <Panel name="next_panel" width="36px" height="100%" style="style.playercontrols.item">
  1713.                         <ImageButton name="next_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward_disabled.png" active="false" focusable="false" />
  1714.                         <ImageButton name="next" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward.png" hoverSource="Graphics\Icons_PlayerControls\forward_active.png" focusable="false" />
  1715.                     </Panel>
  1716.                     
  1717.                     <!-- Fast Backward / Fast Forward -->
  1718.                     <Panel name="rewind_panel" width="36px" height="100%" style="style.playercontrols.item">
  1719.                         <ImageButton name="rewind_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward_disabled.png" active="false" focusable="false" />
  1720.                         <ImageButton name="rewind" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward.png" hoverSource="Graphics\Icons_PlayerControls\fastbackward_active.png" focusable="false" />
  1721.                         <!-- Label name="rw_speed" width="93%" height="45%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label.small" /-->
  1722.                     </Panel>
  1723.                     <Panel name="fforward_panel" width="36px" height="100%" style="style.playercontrols.item">
  1724.                         <ImageButton name="fforward_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward_disabled.png" active="false" focusable="false" />
  1725.                         <ImageButton name="fforward" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward.png" hoverSource="Graphics\Icons_PlayerControls\fastforward_active.png" focusable="false" />
  1726.                         <!-- Label name="ff_speed" width="93%" height="45%" text-alignment-vertical="top" text-alignment-horizontal="right" text="" style="style.player.speed.label.small" /-->
  1727.                     </Panel>
  1728.                     
  1729.                     <!-- Channel Up / Channel Down -->
  1730.                     <Panel name="channelup_panel" width="36px" height="100%" style="style.playercontrols.item">
  1731.                         <ImageButton name="channelup_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup_disabled.png" active="false" focusable="false" />
  1732.                         <ImageButton name="channelup" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup.png" hoverSource="Graphics\Icons_PlayerControls\channelup_active.png" focusable="false" />
  1733.                     </Panel>
  1734.                     <Panel name="channeldown_panel" width="36px" height="100%" style="style.playercontrols.item">
  1735.                         <ImageButton name="channeldown_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown_disabled.png" active="false" focusable="false" />
  1736.                         <ImageButton name="channeldown" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown.png" hoverSource="Graphics\Icons_PlayerControls\channeldown_active.png" focusable="false" />
  1737.                     </Panel>
  1738.                     
  1739.                     <!-- Mute -->
  1740.                     <Panel width="10px" height="0" />
  1741.                     <Panel name="mute_panel" y="3px" width="20px" height="20px">
  1742.                         <ImageButton name="mute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_off.png" hoverSource="Graphics\Icons_PlayerControls\mute_off_active.png" focusable="false" />
  1743.                         <ImageButton name="unmute" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\mute_on.png" hoverSource="Graphics\Icons_PlayerControls\mute_on_active.png" focusable="false" />
  1744.                     </Panel>
  1745.                     
  1746.                     <!-- Volume -->
  1747.                     <Panel name="volume_panel" y="5px" width="75px" height="15px">
  1748.                         <Slider name="volume" width="75px" height="15px" thumbElement="movePanel" style="style.playercontrols.normal.volume" focusable="false">
  1749.                             <Panel width="5px" height="100%" name="movePanel" style="style.playercontrols.normal.volume.thumb"/>
  1750.                         </Slider>
  1751.                     </Panel>
  1752.                     
  1753.                     <HBox width="auto" height="100%" alignment-horizontal="right" name="labels">
  1754.                         <Label name="label_position" width="auto" height="100%" text-alignment-vertical="center" text="0:00" style="style.player.osd.label" />
  1755.                         <Label width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="right" text="/" style="style.player.osd.label.light" />
  1756.                         <Label name="label_duration" width="auto" height="100%" text-alignment-vertical="center" text-alignment-horizontal="center" text="0:00" style="style.player.osd.label" />
  1757.                         <Panel width="10px" height="0" />
  1758.                     </HBox>
  1759.                 </HBox>
  1760.             </VBox>
  1761.             
  1762.         </PredefinedPanel>
  1763.         
  1764.         <!-- Player Controls: Minimized -->
  1765.         <PredefinedPanel name="player_controls_single" width="100%" height="100%">
  1766.             <Panel name="content" x="0" y="0" width="100%" height="100%" active="true" />
  1767.             
  1768.             <!-- Activation Area -->
  1769.             <Panel name="pc_activation_area" width="100%" height="23px" active="true" alignment-vertical="bottom" />
  1770.             
  1771.             <!-- Control Bar -->
  1772.             <HBox name="controls" width="100%" height="23px" style="style.playercontrols.small.background" alignment-vertical="bottom">
  1773.                 <!-- Shortcuts -->
  1774.                 <Shortcut name="previous"            target="previous_panel.previous"                    />
  1775.                 <Shortcut name="previous_disabled"    target="previous_panel.previous_disabled"            />
  1776.                 <Shortcut name="next"                target="next_panel.next"                            />
  1777.                 <Shortcut name="next_disabled"        target="next_panel.next_disabled"                    />
  1778.  
  1779.                 <Shortcut name="channelup"            target="channelup_panel.channelup"                    />
  1780.                 <Shortcut name="channelup_disabled"    target="channelup_panel.channelup_disabled"            />
  1781.                 <Shortcut name="channeldown"        target="channeldown_panel.channeldown"                />
  1782.                 <Shortcut name="channeldown_disabled" target="channeldown_panel.channeldown_disabled"    />
  1783.  
  1784.                 <Shortcut name="play"                target="play_panel.play"                            />
  1785.                 <Shortcut name="pause"                target="play_panel.pause"                            />
  1786.                 <Shortcut name="pause_disabled"        target="play_panel.pause_disabled"                    />
  1787.  
  1788.                 <Shortcut name="rewind"                target="rewind_panel.rewind"                        />
  1789.                 <Shortcut name="rewind_disabled"    target="rewind_panel.rewind_disabled"                />
  1790.  
  1791.                 <Shortcut name="fforward"            target="fforward_panel.fforward"                    />
  1792.                 <Shortcut name="fforward_disabled"    target="fforward_panel.fforward_disabled"            />
  1793.  
  1794.                 <Shortcut name="stop"                target="stop_panel.stop"                            />
  1795.                 <Shortcut name="stop_disabled"        target="stop_panel.stop_disabled"                    />
  1796.                 <Shortcut name="record"                target="record_panel.record"                        />
  1797.                 <Shortcut name="record_disabled"    target="record_panel.record_disabled"                />
  1798.  
  1799.                 <!-- Controls -->
  1800.                 <Panel name="play_panel" width="27px" height="22px" style="style.playercontrols.item">
  1801.                     <ImageButton name="pause_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause_disabled.png" active="false" focusable="false" />
  1802.                     <ImageButton name="pause" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\pause.png" hoverSource="Graphics\Icons_PlayerControls\pause_active.png" focusable="false" />
  1803.                     <ImageButton name="play" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\play.png" hoverSource="Graphics\Icons_PlayerControls\play_active.png" focusable="false" />
  1804.                 </Panel>
  1805.                 <Panel name="stop_panel" width="27px" height="22px" style="style.playercontrols.item">
  1806.                     <ImageButton name="stop_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop_disabled.png" active="false" focusable="false" />
  1807.                     <ImageButton name="stop" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\stop.png" hoverSource="Graphics\Icons_PlayerControls\stop_active.png" focusable="false" />
  1808.                 </Panel>
  1809.                 <Panel name="record_panel" width="27px" height="22px" style="style.playercontrols.item">
  1810.                     <ImageButton name="record_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record_disabled.png" active="false" focusable="false" />
  1811.                     <ImageButton name="record" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\record.png" hoverSource="Graphics\Icons_PlayerControls\record_active.png" focusable="false" />
  1812.                 </Panel>
  1813.                 <Panel name="previous_panel" width="27px" height="22px" style="style.playercontrols.item">
  1814.                     <ImageButton name="previous_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward_disabled.png" active="false" focusable="false" />
  1815.                     <ImageButton name="previous" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\backward.png" hoverSource="Graphics\Icons_PlayerControls\backward_active.png" focusable="false" />
  1816.                 </Panel>
  1817.                 <Panel name="next_panel" width="27px" height="22px" style="style.playercontrols.item">
  1818.                     <ImageButton name="next_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward_disabled.png" active="false" focusable="false" />
  1819.                     <ImageButton name="next" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\forward.png" hoverSource="Graphics\Icons_PlayerControls\forward_active.png" focusable="false" />
  1820.                 </Panel>
  1821.                 <Panel name="rewind_panel" width="27px" height="22px" style="style.playercontrols.item">
  1822.                     <ImageButton name="rewind_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward_disabled.png" active="false" focusable="false" />
  1823.                     <ImageButton name="rewind" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastbackward.png" hoverSource="Graphics\Icons_PlayerControls\fastbackward_active.png" focusable="false" />
  1824.                 </Panel>
  1825.                 <Panel name="fforward_panel" width="27px" height="22px" style="style.playercontrols.item">
  1826.                     <ImageButton name="fforward_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward_disabled.png" active="false" focusable="false" />
  1827.                     <ImageButton name="fforward" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\fastforward.png" hoverSource="Graphics\Icons_PlayerControls\fastforward_active.png" focusable="false" />
  1828.                 </Panel>
  1829.                 <Panel name="channelup_panel" width="27px" height="22px" style="style.playercontrols.item">
  1830.                     <ImageButton name="channelup_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup_disabled.png" active="false" focusable="false" />
  1831.                     <ImageButton name="channelup" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channelup.png" hoverSource="Graphics\Icons_PlayerControls\channelup_active.png" focusable="false" />
  1832.                 </Panel>
  1833.                 <Panel name="channeldown_panel" width="27px" height="22px" style="style.playercontrols.item">
  1834.                     <ImageButton name="channeldown_disabled" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown_disabled.png" active="false" focusable="false" />
  1835.                     <ImageButton name="channeldown" x="0" y="0" width="100%" height="100%" source="Graphics\Icons_PlayerControls\channeldown.png" hoverSource="Graphics\Icons_PlayerControls\channeldown_active.png" focusable="false" />
  1836.                 </Panel>
  1837.  
  1838.             </HBox>
  1839.             
  1840.         </PredefinedPanel>
  1841.         
  1842.         <!-- Play with playlist : Normal -->        
  1843.         <PredefinedPanel name="nmap_play_with_playlist" width="100%" height="100%">
  1844.             <!-- File Browser (hidden) -->
  1845.             <Panel name="nmb_playlistbrowser_panel" width="100%" height="100%" visible="false"/>
  1846.  
  1847.             <!-- Action Panel -->
  1848.             <Panel name="nmb_action_panel" width="100%" height="100%"/>
  1849.             
  1850.         </PredefinedPanel>
  1851.  
  1852.         <!-- Play Video: Minimized -->
  1853.         <PredefinedPanel name="nmap_play_video_minimized" width="100%" height="100%">
  1854.             <Panel name="video_background" width="100%" height="100%" style="style.player.minimized.background.video" active="true" focusable="true">
  1855.                 <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
  1856.                 <DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false"/>
  1857.             </Panel>
  1858.         </PredefinedPanel>
  1859.  
  1860.         <!-- Play Video: Normal -->
  1861.         <PredefinedPanel name="nmap_play_video" width="100%" height="100%">
  1862.             <Panel name="video_background" width="100%" height="100%" style="style.player.normal.background.video" active="true" focusable="true" wantArrows="true">
  1863.                 <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>            
  1864.                 <DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" cursor-timeout="3" />
  1865.             </Panel>
  1866.         </PredefinedPanel>
  1867.         
  1868.         <!-- Play Video: Full Screen -->
  1869.         <PredefinedPanel name="nmap_play_video_fullscreen" width="100%" height="100%">
  1870.             <Panel name="video_background" width="100%" height="100%" style="style.player.fullscreen.background.video" active="true" focusable="true" wantArrows="true">
  1871.                 <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
  1872.                 <DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" cursor-timeout="3" />
  1873.             </Panel>
  1874.             
  1875.             <!-- Info Panel Area -->            
  1876.             <Panel name="nmb_info_panel" x="0" y="0" width="450px" height="100%" active="true" visible="false" alignment-horizontal="right" />
  1877.             
  1878.             <!-- View In Corner -->
  1879.             <VBox name="view_in_corner" width="100%" height="100%" default-child-alignment-vertical="bottom" visible="true" focusable="false">
  1880.                 <HBox width="100%" height="25%" name="minimized_task_pagewide" focusable="false">
  1881.                     <Panel width="50px" height="0" focusable="false" />
  1882.  
  1883.                     <Panel width="28%" height="100%" name="view_in_corner_correctsize" focusable="false">
  1884.                         <Panel name="nmb_play_video_view_in_corner" width="100%" height="100%" alignment-horizontal="right" visible="false" active="true" focusable="true" style="style.player.view_in_corner.video" >
  1885.                                 <!-- Minimized tasks go here style.player.minimized.background.video -->
  1886.                                 <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>            
  1887.                                 <DirectPanel name="video_renderer_vic" width="100%" height="100%" visible="false" cursor-timeout="3"/>
  1888.                         </Panel>
  1889.                     </Panel>
  1890.                     
  1891.                     <Panel width="20px" height="0" /> <!-- NOFACTOR needed? -->
  1892.                     <Panel width="*" height="0" />
  1893.                     <Panel width="50px" height="0" />
  1894.                 </HBox>
  1895.                 <Panel height="60px" width="0" />
  1896.             </VBox>            
  1897.         </PredefinedPanel>
  1898.         
  1899.         <!-- Info Panel: TV -->        
  1900.         <PredefinedPanel name="nmap_infopanel_TV" width="100%" height="100%">        
  1901.  
  1902.                 <VBox x="0"    y="0" width="450px" height="*" active="true">
  1903.                     <!-- spacer -->
  1904.                     <Panel name="header_gap" width="100%" height="50px" />
  1905.                                     
  1906.                     <!-- border -->
  1907.                     <Panel name="border_top" width="100%" height="25px" style="style.infopanel.fullscreen.top.background" />
  1908.                         
  1909.                     <VBox x="0"    y="0" width="100%" height="*" active="true" style="style.infopanel.fullscreen.middle.background">
  1910.                     
  1911.                         <HBox name="content_description" x="0" y="0" width="100%" height="*" >
  1912.                             <!-- Number in left coner -->
  1913.                             <Panel name="channel_number" x="0" y="0" width="85px" height="60px">
  1914.                                 <Image x="23px" y="0" width="64px" height="60px" source="Graphics\BG_InfoPanel\NH_Panel_CounterBG.png" style="style.OSD.panel" />
  1915.                                 <Label name="channel_number_label" text="02" x="25px" y="0" width="60px" height="100%" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.infopanel.fullscreen.channel_number.label"/>
  1916.                             </Panel>
  1917.                             
  1918.                             <!-- content area -->
  1919.                             <VBox    name="content" 
  1920.                                     width="305px" 
  1921.                                     height="100%" 
  1922.                                     x="85px"
  1923.                                     y="0"                            
  1924.                                     active="true"
  1925.                                     vgap="20px"                            
  1926.                                 >
  1927.                                 
  1928.                                 <!-- change channel area -->
  1929.                                 <Panel name="change_channel" x="0px" y="0" width="100%" height="60px">
  1930.                                     <ImageButton name="channel_up" x="0px" y="0px" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Up_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Up_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Up_Disabled.png" active="true" />
  1931.                                     <ImageButton name="channel_down" x="0px" y="30px" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Down_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Down_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Down_Disabled.png" active="true" />
  1932.                                     <Label name="channel_name_label" text="change channel" x="35px" y="15px" width="*" height="100%" style="style.infopanel.fullscreen.title.label"/>
  1933.                                 </Panel>
  1934.                                 
  1935.                                 <!-- change program area -->
  1936.                                 <HBox name="change_program" x="0px" y="0" width="100%" height="25px">
  1937.                                     <ImageButton name="program_down" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Prev_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Prev_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Prev_Disabled.png" active="true" />
  1938.                                     <Label name="program_name_label" text="change program" x="35px" y="0px" width="200px" height="25px" text-alignment-vertical="center" style="style.infopanel.fullscreen.title.label"/>
  1939.                                     <ImageButton name="program_up" width="25px" height="25px" source="Graphics\Icons_InfoPanel\NH_Control_Next_Rest.png" hoverSource="Graphics\Icons_InfoPanel\NH_Control_Next_Active.png" disabledSource="Graphics\Icons_InfoPanel\NH_Control_Next_Disabled.png" active="true" />
  1940.                                 </HBox>
  1941.                                 
  1942.                                 <!-- Direct Panel: PlaceHolder -->
  1943.                                 <Panel name="video_background" width="200px" height="125px" style="style.player.minimized.background.video" active="true" focusable="false">
  1944.                                     <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
  1945.                                     <DirectPanel name="video_renderer_info_panel" width="100%" height="100%" active="true" visible="false" focusable="false" />
  1946.                                 </Panel>
  1947.                                 
  1948.                                 <Label name="program_desc_label" x="0" y="0" width="100%" height="*" text="programm desciption" style="style.infopanel.fullscreen.description.label"/>
  1949.                                 
  1950.                             </VBox>
  1951.                         </HBox>
  1952.  
  1953.                         <VBox    name="content_action" 
  1954.                                 width="100%" 
  1955.                                 height="140px" 
  1956.                                 active="true"
  1957.                                 >
  1958.  
  1959.                             <Panel name="item" x="75px" y="0" width="100%" height="35px">
  1960.                                 <Button name="action_1" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
  1961.                                     <Panel width="100%" height="100%"
  1962.                                         style="style.infopanel.menu.item.background"
  1963.                                         hoverStyle="style.infopanel.menu.item.background.hovered" />
  1964.                                     <HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
  1965.                                         <Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_red.png" fillStyle="fit" visible="true" />
  1966.                                         <Label name="action_1_label" text="action_1" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
  1967.                                         <Panel width="5px" height="0" />
  1968.                                     </HBox>
  1969.                                 </Button>
  1970.                             </Panel>
  1971.  
  1972.                             <Panel name="item" x="75px" y="0" width="100%" height="35px">
  1973.                                 <Button name="action_2" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
  1974.                                     <Panel width="100%" height="100%"
  1975.                                         style="style.infopanel.menu.item.background"
  1976.                                         hoverStyle="style.infopanel.menu.item.background.hovered" />
  1977.                                     <HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
  1978.                                         <Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_green.png" fillStyle="fit" visible="true" />
  1979.                                         <Label name="action_2_label" text="action_2" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
  1980.                                         <Panel width="5px" height="0" />
  1981.                                     </HBox>
  1982.                                 </Button>
  1983.                             </Panel>
  1984.  
  1985.                             <Panel name="item" x="75px" y="0" width="100%" height="35px">
  1986.                                 <Button name="action_3" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
  1987.                                     <Panel width="100%" height="100%"
  1988.                                         style="style.infopanel.menu.item.background"
  1989.                                         hoverStyle="style.infopanel.menu.item.background.hovered" />
  1990.                                     <HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
  1991.                                         <Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_blue.png" fillStyle="fit" visible="true" />
  1992.                                         <Label name="action_3_label" text="action_3" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
  1993.                                         <Panel width="5px" height="0" />
  1994.                                     </HBox>
  1995.                                 </Button>
  1996.                             </Panel>
  1997.  
  1998.                             <Panel name="item" x="75px" y="0" width="100%" height="35px">
  1999.                                 <Button name="action_4" width="100%" height="100%" style="style.infopanel.menu.item" hoverStyle="style.infopanel.menu.item.hovered">
  2000.                                     <Panel width="100%" height="100%"
  2001.                                         style="style.infopanel.menu.item.background"
  2002.                                         hoverStyle="style.infopanel.menu.item.background.hovered" />
  2003.                                     <HBox width="100%" height="30px" default-child-alignment-horizontal="left" default-child-alignment-vertical="center">
  2004.                                         <Image name="colorkey" width="15px" height="25px" source="Graphics\Icons_MenuItems\ColorKey_yellow.png" fillStyle="fit" visible="true" />
  2005.                                         <Label name="action_4_label" text="action_4" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.infopanel.menu.item.label" disabledStyle="style.infopanel.menu.item.label.disabled" hoverStyle="style.infopanel.menu.item.label.hovered" />
  2006.                                         <Panel width="5px" height="0" />
  2007.                                     </HBox>
  2008.                                 </Button>
  2009.                             </Panel>
  2010.  
  2011.                         </VBox>
  2012.                     
  2013.                     </VBox>
  2014.                     
  2015.                     <!-- border -->
  2016.                     <Panel name="border_bottom" width="100%" height="25px" style="style.infopanel.fullscreen.bottom.background" />
  2017.  
  2018.                     <!-- spacer -->
  2019.                     <Panel name="footer_gap" width="100%" height="50px" />
  2020.                                                     
  2021.                 </VBox>
  2022.             
  2023.         </PredefinedPanel>    
  2024.         
  2025.         <!-- Play Audio: Normal -->
  2026.         <PredefinedPanel name="nmap_play_audio" width="100%" height="100%">
  2027.             <Panel name="video_background" width="100%" height="100%" style="style.player.normal.background.video" active="true" focusable="true">
  2028.                 <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>            
  2029.                 <DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false"  cursor-timeout="3" />
  2030.             </Panel>
  2031.             <VBox name="content" style="style.player.normal.background.audio" x="0" y="0" width="100%" height="100%" active="true" focusable="true">
  2032.                 <Panel height="5%" width="0" name="top_spacer"/>
  2033.                 <Image name="image_cover" source="Graphics\Icons_MediaCategory\audioandradio.png" width="100%" height="*" fillStyle="fit" style="style.player.cover" />
  2034.                 <Panel height="10px" width="0" name="strut"/>
  2035.                 <HBox width="100%" height="180px" style="style.player.normal.background.audio.labels" name="audio_info">
  2036.                     <VBox width="*" width-min="120px" height="100%" default-child-alignment-vertical="center" name="labels">
  2037.                         <Label name="label_title" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2038.                         <Label name="label_artist" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2039.                         <Label name="label_album" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2040.                         <Label name="label_time" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2041.                     </VBox>
  2042.                     <VBox width="4*" height="100%" default-child-alignment-vertical="center" name="info">
  2043.                         <Label name="info_title" text="" width="100%" height="30px" style="style.player.label.large" />
  2044.                         <Label name="info_artist" text="" width="100%" height="30px" style="style.player.label.large" />
  2045.                         <Label name="info_album" text="" width="100%" height="30px" style="style.player.label.large" />
  2046.                         <HBox width="100%" height="30px" name="position_and_time">
  2047.                             <Label name="info_position" text="0:00" width="auto" height="100%" style="style.player.label.large" text-alignment-horizontal="right" />
  2048.                             <Label text="/" width="20px" height="100%" style="style.player.label.large" name="slash"/>
  2049.                             <Label name="info_totalTime" text="" width="*" height="100%" style="style.player.label.large" />
  2050.                         </HBox>
  2051.                     </VBox>
  2052.                 </HBox>
  2053.                 <Panel height="5%" width="0" name="bot_spacer"/>
  2054.             </VBox>
  2055.         </PredefinedPanel>
  2056.         
  2057.         <!-- Play Audio: Full Screen -->
  2058.         <PredefinedPanel name="nmap_play_audio_fullscreen" width="100%" height="100%">
  2059.             <Panel name="video_background" width="100%" height="100%" style="style.player.fullscreen.background.video" active="true" focusable="true">
  2060.                 <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
  2061.                 <DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" cursor-timeout="3" />
  2062.             </Panel>
  2063.             <VBox name="content" style="style.player.fullscreen.background.audio" x="0" y="0" width="100%" height="100%" active="true">
  2064.                 <Panel height="5%" width="0" />
  2065.                 <Image name="image_cover" source="Graphics\Icons_MediaCategory\audioandradio.png" width="100%" height="*" fillStyle="fit" style="style.player.cover" />
  2066.                 <Panel height="10px" width="0" />
  2067.                 <HBox width="100%" height="180px" style="style.player.normal.background.audio.labels">
  2068.                     <VBox width="*" width-min="120px" height="100%" default-child-alignment-vertical="center">
  2069.                         <Label name="label_title" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2070.                         <Label name="label_artist" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2071.                         <Label name="label_album" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2072.                         <Label name="label_time" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2073.                     </VBox>
  2074.                     <VBox width="4*" height="100%" default-child-alignment-vertical="center">
  2075.                         <Label name="info_title" text="" width="100%" height="30px" style="style.player.label.large" />
  2076.                         <Label name="info_artist" text="" width="100%" height="30px" style="style.player.label.large" />
  2077.                         <Label name="info_album" text="" width="100%" height="30px" style="style.player.label.large" />
  2078.                         <HBox width="100%" height="30px">
  2079.                             <Label name="info_position" text="0:00" width="auto" height="100%" style="style.player.label.large" text-alignment-horizontal="right" />
  2080.                             <Label text="/" width="20px" height="100%" style="style.player.label.large" />
  2081.                             <Label name="info_totalTime" text="" width="*" height="100%" style="style.player.label.large" />
  2082.                         </HBox>
  2083.                     </VBox>
  2084.                 </HBox>
  2085.                 <Panel height="5%" width="0" />
  2086.             </VBox>
  2087.         </PredefinedPanel>
  2088.         
  2089.         <!-- Play Audio: Minimized -->
  2090.         <PredefinedPanel name="nmap_play_audio_minimized" width="100%" height="100%">
  2091.             <Panel name="video_background" width="100%" height="100%" style="style.player.minimized.background.video" active="true" focusable="true">
  2092.                 <Image name="logo" alignment-horizontal="center" alignment-vertical="center" width="50%" height="50%" source="Graphics\Logo\logo_big.png" fillStyle="fit"/>
  2093.                 <DirectPanel name="video_renderer" width="100%" height="100%" active="true" visible="false" />
  2094.             </Panel>
  2095.             <VBox name="content" x="0" y="0" width="100%" height="100%" style="style.player.minimized.background.audio" active="true" focusable="true">
  2096.                 <Panel height="5px" width="0" />
  2097.                 <Label name="info_title" width="100%" height="auto" text-alignment-horizontal="right" text-alignment-vertical="center" text="" style="style.player.label" />
  2098.                 <Label name="info_artist" width="100%" height="auto" text-alignment-horizontal="right" text-alignment-vertical="center" text="" style="style.player.label.small" />
  2099.                 <HBox width="100%" height="*">
  2100.                     <Image name="image_cover" width="*" height="90%" source="Graphics\Icons_MediaCategory\audioandradio.png" fillStyle="fit" style="style.player.cover" />
  2101.                     <Label name="info_position" width="auto" height="20px" text-alignment-horizontal="right" text-alignment-vertical="center" text="0:00" style="style.player.label.small" />
  2102.                     <Label width="auto" height="20px" text-alignment-horizontal="right" text-alignment-vertical="center" text="/" style="style.player.label" />
  2103.                     <Label name="info_totalTime" width="auto" height="20px" text-alignment-horizontal="right" text-alignment-vertical="center" text="/" style="style.player.label.small" />
  2104.                 </HBox>
  2105.                 <Panel height="5px" width="0" />
  2106.             </VBox>
  2107.         </PredefinedPanel>
  2108.         
  2109.         <!-- Play Radio: Normal -->
  2110.         <PredefinedPanel name="nmap_play_radio" width="100%" height="100%">
  2111.             <VBox name="content" style="style.player.normal.background.audio" x="0" y="0" width="100%" height="100%" active="true" focusable="true">
  2112.                 <Panel height="5%" width="0" name="top_spacer"/>
  2113.                 <Image name="image_cover" source="Graphics\Icons_MediaCategory\radio_hover.png" width="100%" height="*" fillStyle="fit" style="style.player.cover" />
  2114.                 <Panel height="10px" width="0" name="strut"/>
  2115.                 <HBox width="100%" height="180px" style="style.player.normal.background.audio.labels" name="audio_info">
  2116.                     <VBox width="*" width-min="120px" height="100%" default-child-alignment-vertical="center" name="labels">
  2117.                         <Label name="label_channel" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2118.                     </VBox>
  2119.                     <VBox width="4*" height="100%" default-child-alignment-vertical="top" name="info">
  2120.                         <Label name="info_channel" text="" width="100%" height="30px" alignment-horizontal="right" style="style.player.label.large" />
  2121.                     </VBox>
  2122.                 </HBox>
  2123.                 <Panel height="5%" width="0" name="bot_spacer"/>
  2124.             </VBox>
  2125.         </PredefinedPanel>
  2126.         
  2127.         <!-- Play Radio: Full Screen -->
  2128.         <PredefinedPanel name="nmap_play_radio_fullscreen" width="100%" height="100%">
  2129.             <VBox name="content" style="style.player.fullscreen.background.audio" x="0" y="0" width="100%" height="100%" active="true">
  2130.                 <Panel height="5%" width="0" />
  2131.                 <Image name="image_cover" source="Graphics\Icons_MediaCategory\radio_hover.png" width="100%" height="*" fillStyle="fit" style="style.player.cover" />
  2132.                 <Panel height="10px" width="0" />
  2133.                 <HBox width="100%" height="180px" style="style.player.normal.background.audio.labels">
  2134.                     <VBox width="*" width-min="120px" height="100%" default-child-alignment-vertical="center">
  2135.                         <Label name="label_channel" width="100%" height="30px" text="" text-alignment-horizontal="right" style="style.player.label.large.light" />
  2136.                     </VBox>
  2137.                     <VBox width="4*" height="100%" default-child-alignment-vertical="center">
  2138.                         <Label name="info_channel" text="" width="100%" height="30px" style="style.player.title.label.large" />
  2139.                     </VBox>
  2140.                 </HBox>
  2141.                 <Panel height="5%" width="0" />
  2142.             </VBox>
  2143.         </PredefinedPanel>
  2144.         
  2145.         <!-- Play Radio: Minimized -->
  2146.         <PredefinedPanel name="nmap_play_radio_minimized" width="100%" height="100%">
  2147.             <VBox name="content" x="0" y="0" width="100%" height="100%" style="style.player.minimized.background.audio" active="true" focusable="true" default-child-alignment-horizontal="center">
  2148.                 <Panel height="5px" width="0" />
  2149.                 <Label name="info_channel" width="98%" height="auto" height-max="25px" text-alignment-horizontal="right" text-alignment-vertical="center" text="" style="style.player.label" />
  2150.                 <HBox width="98%" height="*">
  2151.                     <Image name="image_cover" width="*" height="90%" source="Graphics\Icons_MediaCategory\radio_hover.png" fillStyle="fit" style="style.player.cover" />
  2152.                 </HBox>
  2153.             </VBox>
  2154.         </PredefinedPanel>
  2155.         
  2156.         <!-- Play Image: Normal -->
  2157.         <PredefinedPanel name="nmap_view_image" width="100%" height="100%">
  2158.             <Panel name="content" style="style.player.normal.background.image" width="100%" height="100%" x="0" y="0" active="true" focusable="true" cursor-timeout="3" >
  2159.                 <Image name="image" fillStyle="fit" width="100%" height="100%" source="" style="style.player.slideshow" active="true" />            
  2160.                 <SelectionControl name="imageSelection" width="100%" height="100%" active="true" wantArrows="true" focusable="true" visible="false"
  2161.                     borderStyle="style.selection.border"
  2162.                     backgroundStyle="style.selection.background"
  2163.                     arrowCrossStyle="style.selection.arrowcross"
  2164.                     arrowHorizontalStyle="style.selection.arrowhorizontalstyle"
  2165.                     arrowVerticalStyle="style.selection.arrowverticalstyle">
  2166.                 </SelectionControl>    
  2167.             </Panel>
  2168.         </PredefinedPanel>
  2169.         
  2170.         <!-- Play Image: Fullscreen -->
  2171.         <PredefinedPanel name="nmap_view_image_fullscreen" width="100%" height="100%">
  2172.             <Panel name="content" style="style.player.fullscreen.background.image" width="100%" height="100%" x="0" y="0" active="true" focusable="true" cursor-timeout="3" >
  2173.                 <Image name="image" fillStyle="fit" width="100%" height="100%" source="" style="style.player.slideshow"  active="true"/>
  2174.             </Panel>
  2175.         </PredefinedPanel>
  2176.  
  2177.  
  2178.         <PredefinedPanel name="tv_change_channel" width="100%" height="100%">
  2179.             <VBox name="vbox1" width="100%" height="100%">
  2180.                 <Panel name="channel_browser" width="100%" height="*" height-max="500px" />
  2181.                 
  2182.                 <Panel width="0" height="35px" />
  2183.  
  2184.                 <HBox name="item_info" style="style.page.content.darken" width="100%" height="115px">
  2185.                     <Panel width="15px" height="0" />
  2186.                     <VBox name="vbox1" height="100%" width="124px">
  2187.                         <Panel name="fill1" width="0" height="*" />
  2188.                         <DirectPanel name="video_renderer" width="124px" height="85px" active="true"/>
  2189.                         <Panel name="fill2" width="0" height="*" />
  2190.                     </VBox>
  2191.                     <Panel width="15px" height="0" />
  2192.                     <VBox name="vbox2" height="100%" width="*">
  2193.                         <Panel name="fill1" width="0" height="*" />
  2194.                         <Label name="channel" style="style.iteminfo.label" height="auto" width="auto" />
  2195.                         <Panel name="fill2" width="0" height="2*" />
  2196.                     </VBox>
  2197.                 </HBox>
  2198.             </VBox>
  2199.         </PredefinedPanel>
  2200.         
  2201.  
  2202.         <!-- Global Area -->
  2203.         <PredefinedPanel name="global_info_area" width="100%" height="100%">
  2204.             <Button name="search_activation"  width="30px" height="30px" x="4px" y="4px">  <!-- NOFACTOR x="4" y="4"? -->
  2205.                 <Panel name="inprogress" width="30px" height="30px" style="style.page.searchresults.inprogress" hoverStyle="style.page.searchresults.hovered" />
  2206.                 <Panel name="done"       width="30px" height="30px" style="style.page.searchresults.done"       hoverStyle="style.page.searchresults.hovered" visible="false" />
  2207.             </Button>
  2208.             <Button name="clipboard_activation" width="30px" height="30px" x="44px" y="4px" > <!-- NOFACTOR x="44" y="4"? -->
  2209.                 <Panel name="done"       width="30px" height="30px" style="style.page.clipboard" hoverStyle="style.page.clipboard.hovered" />
  2210.             </Button>
  2211.             <Button name="bgprogressinfo_activation"  width="30px" height="30px" x="84px" y="4px"> <!-- NOFACTOR x="84" y="4"? -->
  2212.                 <Panel name="inprogress" width="30px" height="30px" style="style.page.bgscanner.inprogress" hoverStyle="style.page.bgscanner.hovered" />
  2213.                 <Panel name="done"       width="30px" height="30px" style="style.page.bgscanner.done"       hoverStyle="style.page.bgscanner.hovered" visible="false" />
  2214.             </Button>
  2215.         </PredefinedPanel>
  2216.         
  2217.         <!-- SetupWizard -->
  2218.         <PredefinedPanel name="setupwizard_content_spacer" width="100%" height="10px">
  2219.             <Panel width="100%" height="100%" />
  2220.         </PredefinedPanel>
  2221.  
  2222.         <PredefinedPanel name="setupwizard_content_list" width="100%" height="70px">
  2223.             <HBox width="100%" height="*" alignment-vertical="top">
  2224.                 <HBox width="48%" height="*" alignment-horizontal="left">
  2225.                     <Panel width="20%" height="0" />
  2226.                     <Label name="listcaption" width="80%" y="0px" height="*" style="style.setupwizard.content" text="" text-alignment-vertical="center" text-alignment-horizontal="right"/>
  2227.                 </HBox>
  2228.                 <HBox name="container" width="48%" height="25px" default-child-alignment-vertical="center" alignment-horizontal="right" alignment-vertical="center">
  2229.                     <Button name="button_down" y="2px" width="20px" height="20px" style="style.settings.list.down" hoverStyle="style.settings.list.down.hovered" autoRepeat="true">
  2230.                         <Image name="image_enabled" width="20px" height="20px" source="Graphics\Icons_Settings\singleoption_arrowdown.png" />
  2231.                         <Image name="image_disabled" width="20px" height="20px" visible="false" source="Graphics\Icons_Settings\singleoption_arrowdown_disabled.png" />
  2232.                     </Button>
  2233.                     <Button name="button_up" y="2px" width="20px" height="20px" style="style.settings.list.up" hoverStyle="style.settings.list.up.hovered" autoRepeat="true">
  2234.                         <Image name="image_enabled" width="20px" height="20px" source="Graphics\Icons_Settings\singleoption_arrowup.png" />
  2235.                         <Image name="image_disabled" width="20px" height="20px" visible="false" source="Graphics\Icons_Settings\singleoption_arrowup_disabled.png" />
  2236.                     </Button>
  2237.                     <Panel width="10px" height="0" />
  2238.                     <Label name="label" width="*" y="2px" height="23px" style="style.settings.listitem" text="" text-alignment-vertical="center" />
  2239.                     <Panel width="20%" height="0" />
  2240.                 </HBox>
  2241.             </HBox>
  2242.         </PredefinedPanel>
  2243.         
  2244.         <PredefinedPanel name="setupwizard_content_radiobutton" width="100%" height="25px">
  2245.             <HBox name="container" width="48%" height="100%" alignment-horizontal="right">
  2246.                 <RadioButton name="button" x="0" width="100%" height="100%" checkState="unchecked" groupName="default" radioButtonStateElement="image">
  2247.                     <RadioButtonStateElement name="image" x="0" width="20px" height="100%" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" />
  2248.                     <Label name="label" width="1px" height="100%" x="30px" style="style.setupwizard.content" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center"  /> <!-- NOFACTOR width="1"??-->
  2249.                     <Panel width="20%" height="0" />
  2250.                 </RadioButton>
  2251.             </HBox>
  2252.         </PredefinedPanel>
  2253.         
  2254.         <PredefinedPanel name="setupwizard_content_checkbox" width="100%" height="50px">
  2255.             <HBox name="container" width="48%" height="100%" alignment-horizontal="right" alignment-vertical="top">
  2256.                 <CheckBox name="button" y="2px" width="27px" height="27px" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" alignment-vertical="top">
  2257.                     <CheckBoxStateElement name="image" width="80%" height="80%" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" />
  2258.                 </CheckBox>
  2259.                 <Panel width="10px" height="0" />
  2260.                 <Label name="label" width="*" height="100%" style="style.setupwizard.content" disabledStyle="style.settings.label.disabled" text-alignment-vertical="top"  />
  2261.                 <Panel width="20%" height="0" />
  2262.             </HBox>
  2263.         </PredefinedPanel>
  2264.         
  2265.         <PredefinedPanel name="setupwizard_content_edit" width="100%" height="50px">
  2266.             <HBox width="100%" height="*" alignment-vertical="top">
  2267.                 <HBox width="48%" height="*" alignment-horizontal="left">
  2268.                     <Panel width="20%" height="0" />
  2269.                     <Label name="label" width="80%" y="0px" height="*" style="style.setupwizard.content" text="" text-alignment-vertical="center" text-alignment-horizontal="right"/>
  2270.                 </HBox>
  2271.                 <HBox name="container" width="48%" height="25px" default-child-alignment-vertical="center" alignment-horizontal="right" alignment-vertical="center">
  2272.                     <EditControl name="edit" width="80%" height="25px" style="style.settings.edit" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2"/>
  2273.                     <Panel width="20%" height="0" />
  2274.                 </HBox>
  2275.             </HBox>
  2276.         </PredefinedPanel>
  2277.         
  2278.         <PredefinedPanel name="setupwizard_content_number" width="100%" height="25px">
  2279.             <HBox width="100%" height="*" alignment-vertical="top">
  2280.                 <HBox width="48%" height="*" alignment-horizontal="left">
  2281.                     <Panel width="20%" height="0" />
  2282.                     <Label name="label" width="*" height="100%" style="style.setupwizard.content" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" text-alignment-horizontal="right" />
  2283.                 </HBox>
  2284.                 <HBox name="container" width="48%" height="25px"  default-child-alignment-vertical="center" alignment-horizontal="right" alignment-vertical="center">
  2285.                     <EditControl name="edit" width="90px" height="25px" style="style.settings.edit" disabledStyle="style.settings.edit.disabled" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2" />
  2286.                     <Panel width="5px" height="0" />
  2287.                     <Label name="units" width="auto" height="100%" style="style.settings.label.light" disabledStyle="style.settings.label.disabled" text-alignment-vertical="center" text-alignment-horizontal="right" />
  2288.                     <Panel width="20%" height="0" />
  2289.                 </HBox>
  2290.             </HBox>
  2291.         </PredefinedPanel>
  2292.         
  2293.         <PredefinedPanel name="setupwizard_content_text" width="50%" height="*">
  2294.             <HBox name="container" width="96%" height="*">
  2295.                 <Panel width="20%" height="0" />
  2296.                 <Label name="label" width="80%" height="*" x="0" y="0" style="style.setupwizard.content" text="" text-alignment-horizontal="right" text-alignment-vertical="top"/>
  2297.             </HBox>
  2298.         </PredefinedPanel>
  2299.  
  2300.         <!-- Settings -->
  2301.         <PredefinedPanel name="settings_content" width="100%" height="100%">
  2302.             <Image name="bgimage" width="100%" height="100%" source="" fillStyle="fit" />
  2303.             <Panel name="settings_content_root" width="100%" height="100%">
  2304.                 <VBox name="settings_content" width="100%" height="100%">
  2305.                 </VBox>
  2306.             </Panel>
  2307.         </PredefinedPanel>
  2308.         
  2309.         <PredefinedPanel name="settings_content_spacer" width="100%" height="10px">
  2310.             <Panel width="100%" height="100%" />
  2311.         </PredefinedPanel>
  2312.  
  2313.         <PredefinedPanel name="settings_content_list_old" width="100%" height="45px">
  2314.             <VBox width="100%" height="100%">
  2315.                 <HBox width="100%" height="20px">
  2316.                     <Panel width="50px" height="100%" />
  2317.                     <Label name="listcaption" width="auto" y="0px" height="20px" style="style.settings.label" text="" text-alignment-vertical="center"/>
  2318.                 </HBox>
  2319.                 <HBox name="container" width="100%" height="25px">                
  2320.                     <Button name="button_down" y="2px" width="20px" height="20px" style="style.settings.list.down" hoverStyle="style.settings.list.down.hovered" autoRepeat="true">
  2321.                         <Image name="image_enabled" width="20px" height="20px" source="Graphics\Icons_Settings\singleoption_arrowdown.png" />
  2322.                         <Image name="image_disabled" width="20px" height="20px" visible="false" source="Graphics\Icons_Settings\singleoption_arrowdown_disabled.png" />
  2323.                     </Button>
  2324.                     <Button name="button_up" y="2px" width="20px" height="20px" style="style.settings.list.up" hoverStyle="style.settings.list.up.hovered" autoRepeat="true">
  2325.                         <Image name="image_enabled" width="20px" height="20px" source="Graphics\Icons_Settings\singleoption_arrowup.png" />
  2326.                         <Image name="image_disabled" width="20px" height="20px" visible="false" source="Graphics\Icons_Settings\singleoption_arrowup_disabled.png" />
  2327.                     </Button>
  2328.                     <Panel width="10px" height="0" />
  2329.                     <Label name="label" width="*" y="2px" height="20px" style="style.settings.listitem" text="" text-alignment-vertical="center" />
  2330.                 </HBox>
  2331.             </VBox>
  2332.         </PredefinedPanel>
  2333.  
  2334.         <PredefinedPanel name="settings_content_radiobutton" width="100%" height="25px">
  2335.             <HBox name="container" width="100%" height="100%">
  2336.                 <RadioButton name="button" x="0" width="100%" height="100%" checkState="unchecked" groupName="default" radioButtonStateElement="image">
  2337.                     <RadioButtonStateElement name="image" x="0" width="20px" height="100%" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" />
  2338.                     <Label name="label" width="1px" height="100%" x="30px" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center"  /> <!-- NOFACTOR width="1"??-->
  2339.                 </RadioButton>
  2340.             </HBox>
  2341.         </PredefinedPanel>
  2342.         
  2343.         <PredefinedPanel name="settings_content_checkbox" width="100%" height="32px">
  2344.             <HBox name="container" width="100%" height="100%">
  2345.                 <Panel width="0px" height="0" />
  2346.                 <CheckBox name="button" y="2px" width="27px" height="27px" 
  2347.                     style="style.menu.item"
  2348.                     hoverStyle="style.menu.item.hovered" 
  2349.                     checkState="unchecked" 
  2350.                     checkBoxStateElement="image" >
  2351.                     <CheckBoxStateElement name="image" y="2px" width="80%" height="80%"
  2352.                         alignment-vertical="center"
  2353.                         alignment-horizontal="center"  
  2354.                         uncheckedStyle="style.settings.checkbox.unchecked" 
  2355.                         checkedStyle="style.settings.checkbox.checked" 
  2356.                         disabledStyle="style.settings.checkbox.disabled" />
  2357.                 </CheckBox>
  2358.                 <Panel width="10px" height="0" />
  2359.                 <Label name="label" width="*" height="100%" style="style.settings.item.label" disabledStyle="style.settings.item.label.disabled" hoverStyle="style.settings.item.label.hovered" text-alignment-vertical="center"  />
  2360.             </HBox>
  2361.         </PredefinedPanel>
  2362.         
  2363.         <PredefinedPanel name="settings_content_edit" width="100%" height="50px">
  2364.             <HBox width="100%" height="100%">
  2365.                 <Panel width="0px" height="100%" />
  2366.                 <VBox name="container" width="*" height="100%">
  2367.                     <Label name="label" width="100%" height="25px" y="0" style="style.settings.label" text="" />
  2368.                     <EditControl name="edit" width="100%" height="25px" 
  2369.                         style="style.settings.edit" 
  2370.                         hoverStyle="style.settings.edit.hovered" 
  2371.                         onfocus="this.defaultStyle='style.settings.edit.hovered';"
  2372.                         onblur="this.defaultStyle='style.settings.edit';"
  2373.                         marginLeft="4" marginTop="2" enabled="false"/>
  2374.                 </VBox>
  2375.             </HBox>
  2376.         </PredefinedPanel>
  2377.         
  2378.         <PredefinedPanel name="settings_content_number" width="100%" height="25px">
  2379.             <HBox name="container" width="100%" height="100%">
  2380.                 <Panel width="0px" height="0" />
  2381.                 <Label name="label" width="*" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" text-alignment-horizontal="left" />
  2382.                 <Label name="units" width="auto" height="100%" style="style.settings.label.light" disabledStyle="style.settings.label.disabled" text-alignment-vertical="center" text-alignment-horizontal="right" />
  2383.                 <Panel width="5px" height="0" />
  2384.                 <EditControl name="edit" width="90px" height="25px" 
  2385.                     style="style.settings.edit" 
  2386.                     disabledStyle="style.settings.edit.disabled" 
  2387.                     hoverStyle="style.settings.edit.hovered" 
  2388.                     onfocus="this.defaultStyle='style.settings.edit.hovered';"
  2389.                     onblur="this.defaultStyle='style.settings.edit';"
  2390.                     marginLeft="4" marginTop="2"/>
  2391.             </HBox>
  2392.         </PredefinedPanel>
  2393.         
  2394.         <PredefinedPanel name="settings_content_password" width="100%" height="70px">
  2395.             <HBox width="100%" height="100%">
  2396.                 <Panel width="0px" height="100%" />
  2397.                 <VBox name="container" width="*" height="100%">
  2398.                     <Label name="label" width="100%" height="25px" style="style.settings.label" text="" text-alignment-vertical="center" text-alignment-horizontal="left" />
  2399.                     <EditControl name="edit" width="150px" height="34px" 
  2400.                     style="style.settings.edit"
  2401.                     hoverStyle="style.settings.edit.hovered" 
  2402.                     onfocus="this.defaultStyle='style.settings.edit.hovered';"
  2403.                     onblur="this.defaultStyle='style.settings.edit';"
  2404.                     marginLeft="15" marginTop="6" marginRight="15" password="true"/>
  2405.                 </VBox>
  2406.             </HBox>
  2407.         </PredefinedPanel>
  2408.         
  2409.         <PredefinedPanel name="settings_content_filename" width="100%" height="61px">
  2410.             <HBox width="100%" height="100%">
  2411.                 <Panel width="0px" height="100%" />
  2412.                 <VBox name="container" width="*" height="100%">
  2413.                     <Label name="label" width="100%" height="25px" style="style.settings.label" text="" text-alignment-vertical="center" text-alignment-horizontal="left" />
  2414.                     <EditControl name="edit" width="300px" height="25px" 
  2415.                     style="style.settings.edit"
  2416.                     hoverStyle="style.settings.edit.hovered" 
  2417.                     onfocus="this.defaultStyle='style.settings.edit.hovered';"
  2418.                     onblur="this.defaultStyle='style.settings.edit';"
  2419.                     marginLeft="15" marginTop="3" marginRight="15"/>
  2420.                 </VBox>
  2421.             </HBox>
  2422.         </PredefinedPanel>
  2423.         
  2424.         <PredefinedPanel name="settings_content_text" width="100%" height="25px">
  2425.             <HBox name="container" width="100%" height="100%">
  2426.                 <Panel width="0px" height="0" />
  2427.                 <Label name="label" width="*" height="100%" x="0" y="0" style="style.settings.label" text="" />
  2428.             </HBox>
  2429.         </PredefinedPanel>
  2430.  
  2431.         <PredefinedPanel name="settings_content_custom_button" width="100%" height="30px">
  2432.             <HBox name="container" width="100%" height="100%">
  2433.                 <Panel width="50px" height="0" />
  2434.                 <Button name="button" width="*" height="100%" style="style.settings.button" hoverStyle="style.settings.button.hovered">
  2435.                     <HBox width="100%" height="100%">
  2436.                         <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2437.                         <Label name="label" width="*" height="100%" style="style.settings.button.label" disabledStyle="style.settings.button.label.disabled" hoverStyle="style.settings.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2438.                         <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2439.                     </HBox>
  2440.                 </Button>
  2441.             </HBox>
  2442.         </PredefinedPanel>
  2443.         
  2444.         <PredefinedPanel name="settings_content_custom_favorite_transitions" width="100%" height="100%">
  2445.         
  2446.             <ListView name="listview" x="0" y="0" width="100%" height="95%" direction="horizontal" verticalScrollBar="vertical_scroll" style="style.page.content.darken">            
  2447.                 
  2448.                 <ListViewItems name="list_view_items" multiSelect="false" keepFocusInside="false"
  2449.                     x="0" y="0" width="100%" height="100%" virtual="true"
  2450.                 />
  2451.  
  2452.                 <ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover">
  2453.                     <VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
  2454.                         <Panel width="0" height="8px" />
  2455.                         <ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
  2456.                         <Panel width="0" height="*" />
  2457.                         <ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
  2458.                         <Panel width="0" height="8px" />
  2459.                     </VBox>
  2460.                 </ScrollBar>
  2461.  
  2462.             </ListView> 
  2463.         </PredefinedPanel>
  2464.         
  2465.         <PredefinedPanel name="settings_favorite_transition_listviewitem" width="100%" height="30px">
  2466.             <HBox name="container" height="100%" width="100%" 
  2467.                 default-child-alignment-vertical="center" 
  2468.                 style="style.filebrowser.listview.item" 
  2469.                 hoverStyle="style.filebrowser.listview.item.hovered" 
  2470.                 selectedStyle="style.filebrowser.listview.item.selected" 
  2471.                 hoverSelectedStyle="style.filebrowser.listview.item.hoveredselected"
  2472.                 >
  2473.                 <Panel width="6px" height="0" />
  2474.                 <CheckBox name="checkbox" y="0" width="20px" height="20px" style="style.combobox.item.nofocus" checkState="unchecked" checkBoxStateElement="image" active="false" focusable="false">
  2475.                     <CheckBoxStateElement name="image" width="80%" height="80%" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" 
  2476.                         alignment-vertical="center" alignment-horizontal="center" active="false" focusable="false" />
  2477.                 </CheckBox>
  2478.                 <Panel width="10px" height="0" />
  2479.                 <Label name="label" width="*" height="100%" text-alignment-vertical="center" 
  2480.                     style="style.filebrowser.listview.item.label" 
  2481.                     hoverStyle="style.filebrowser.listview.item.label.hovered" 
  2482.                     hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  2483.                     selectedStyle="style.filebrowser.listview.item.label.selected"
  2484.                 />
  2485.                 <Panel width="36px" height="0" />
  2486.             </HBox>
  2487.         </PredefinedPanel>
  2488.         
  2489.         <PredefinedPanel name="advancedsearch_content" width="100%" height="100%">
  2490.             <VBox name="advancedsearch_content" width="100%" height="100%" />
  2491.         </PredefinedPanel>
  2492.  
  2493.         <PredefinedPanel name="advancedsearch_option" width="100%" height="124px">
  2494.             <Label name="label" width="95%" height="30px" x="2px" y="2px" style="filebrowser.listview.listviewitem.normal" text="" /> <!-- NOFACTOR x="2"? -->
  2495.             <Panel name="field" width="95%" height="30px" x="2px" y="32px" />
  2496.             <Panel name="operator" width="95%" height="30px" x="2px" y="62px" />
  2497.             <EditControl name="value" width="95%" height="25px" x="2px" y="97px" style="style.settings.edit" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2" />
  2498.         </PredefinedPanel>
  2499.         
  2500.         <PredefinedPanel name="message_box_normal_view" width="100%" height="100%" >
  2501.             <Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
  2502.                 <VBox width="550px" height="auto" height-min="150px" height-max="400px" style="style.modalpanel.background" active="true">
  2503.                     <Panel width="0" height="20px"/> 
  2504.                     <Label name="text" width="510px" height="auto" height-min="60px" x="20px" y="20px" text="" style="style.modalpanel.label"/>
  2505.                     <Panel width="0" height="20px"/> 
  2506.                     <HBox name="checkbox_add" width="100%" height="30px" x="20px" y="20px" hgap="10px" default-child-alignment-horizontal="left">
  2507.                         <CheckBox name="checkbox" width="25px" height="100%" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" visible="false">
  2508.                             <CheckBoxStateElement name="image" x="3px" y="0" width="20px" height="20px" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" />
  2509.                         </CheckBox>
  2510.                         <Label name="label" width="*" height="auto" x="20px" text="" style="style.modalpanel.label" visible="false" />
  2511.                     </HBox>
  2512.                     <HBox name="buttons" width="100%" height="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
  2513.                         <Button name="button1" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2514.                             <HBox width="100%" height="100%">
  2515.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2516.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2517.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2518.                             </HBox>
  2519.                         </Button>
  2520.                         <Button name="button2" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2521.                             <HBox width="100%" height="100%">
  2522.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2523.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2524.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2525.                             </HBox>
  2526.                         </Button>
  2527.                         <Button name="button3" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2528.                             <HBox width="100%" height="100%">
  2529.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2530.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2531.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2532.                             </HBox>
  2533.                         </Button>
  2534.                         <Button name="button4" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2535.                             <HBox width="100%" height="100%">
  2536.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2537.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2538.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2539.                             </HBox>
  2540.                         </Button>
  2541.                         <Panel width="10px" height="0"/> 
  2542.                     </HBox>
  2543.                     <Panel width="0" height="20px"/>
  2544.                 </VBox>
  2545.             </Panel>
  2546.         </PredefinedPanel>
  2547.  
  2548.         <PredefinedPanel name="message_box_normal_view_1" width="100%" height="100%">
  2549.             <Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
  2550.                 <VBox width="550px" height="auto" style="style.modalpanel.background" active="true">
  2551.                     <Panel width="0" height="20px" /> 
  2552.                     <Label name="text" width="510px" height="auto" x="20px" y="20px" text="" style="style.modalpanel.label" />
  2553.                     <Panel width="0" height="20px" /> 
  2554.                     <HBox name="checkbox_add" width="100%" height="30px" x="20px" y="20px" hgap="10px" default-child-alignment-horizontal="left">
  2555.                         <CheckBox name="checkbox" width="25px" height="100%" style="style.settings.checkbox" checkState="unchecked" checkBoxStateElement="image" visible="false">
  2556.                             <CheckBoxStateElement name="image" x="3px" y="0" width="20px" height="20px" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled" />
  2557.                         </CheckBox>
  2558.                         <Label name="label" width="*" height="auto" x="20px" text="" style="style.modalpanel.label" visible="false" />
  2559.                     </HBox>
  2560.                     <HBox name="buttons" width="100%" height="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
  2561.                         <Button name="button1" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2562.                             <HBox width="100%" height="100%">
  2563.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2564.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2565.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2566.                             </HBox>
  2567.                         </Button>
  2568.                         <Button name="button2" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2569.                             <HBox width="100%" height="100%">
  2570.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2571.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2572.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2573.                             </HBox>
  2574.                         </Button>
  2575.                         <Button name="button3" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2576.                             <HBox width="100%" height="100%">
  2577.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2578.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2579.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2580.                             </HBox>
  2581.                         </Button>
  2582.                         <Button name="button4" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2583.                             <HBox width="100%" height="100%">
  2584.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2585.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2586.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2587.                             </HBox>
  2588.                         </Button>
  2589.                         <Panel width="10px" height="0" /> 
  2590.                     </HBox>
  2591.                     <Panel width="0" height="20px" />
  2592.                 </VBox>
  2593.             </Panel>
  2594.         </PredefinedPanel>
  2595.         
  2596.         <PredefinedPanel name="message_box_fullscreen_view" width="100%" height="100%" >
  2597.             <Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
  2598.                 <VBox width="550px" height="auto" style="style.modalpanel.background" active="true">
  2599.                     <Panel width="0" height="20px" /> 
  2600.                     <Label name="text" width="510px" height="auto" x="20px" y="20px" text="" style="style.modalpanel.label" />
  2601.                     <Panel width="0" height="20px" /> 
  2602.                     <HBox name="checkbox_add" width="100%" height="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
  2603.                         <Image name="checkbox" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
  2604.                         <Label name="label" width="*" height="100%" text-alignment-horizontal="right" text-alignment-vertical="center" style="style.menu.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.menu.item.label.hovered" visible="false"/>
  2605.                     </HBox>
  2606.                     <HBox name="buttons" width="100%" height="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
  2607.                         <Button name="button1" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2608.                             <HBox width="100%" height="100%">
  2609.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2610.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2611.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2612.                             </HBox>
  2613.                         </Button>
  2614.                         <Button name="button2" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2615.                             <HBox width="100%" height="100%">
  2616.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2617.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2618.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2619.                             </HBox>
  2620.                         </Button>
  2621.                         <Button name="button3" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2622.                             <HBox width="100%" height="100%">
  2623.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2624.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2625.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2626.                             </HBox>
  2627.                         </Button>
  2628.                         <Button name="button4" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered">
  2629.                             <HBox width="100%" height="100%">
  2630.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2631.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2632.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2633.                             </HBox>
  2634.                         </Button>
  2635.                         <Panel width="10px" height="0" /> 
  2636.                     </HBox>
  2637.                     <Panel width="0" height="20px" />
  2638.                 </VBox>
  2639.             </Panel>
  2640.         </PredefinedPanel>
  2641.  
  2642.         <PredefinedPanel name="input_box" width="100%" height="100%" >
  2643.             <Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
  2644.                 <VBox width="550px" height="auto" style="style.modalpanel.background" active="true">
  2645.                     <Panel width="0" height="20px" />
  2646.                     <Label name="text" width="100%" height="auto" x="20px" y="20px" text="" style="style.modalpanel.label" />
  2647.                     <Panel width="0" height="10px" />
  2648.                     <EditControl name="edit" x="20px" width="510px" height="25px" style="style.settings.edit" hoverStyle="style.settings.edit.hovered" marginLeft="4" marginTop="2" />
  2649.                     <Panel width="0" height="20px" />
  2650.                     <HBox name="buttons" width="100%" height="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
  2651.                         <Button name="OK" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_OK">
  2652.                             <HBox width="100%" height="100%">
  2653.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2654.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2655.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2656.                             </HBox>
  2657.                         </Button>
  2658.                         <Button name="Cancel" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_CANCEL">
  2659.                             <HBox width="100%" height="100%">
  2660.                                 <Image source="Graphics\BG_Settings\button_left.png" width="5px" height="100%" />
  2661.                                 <Label name="label" width="*" height="100%" style="style.modalpanel.button.label" disabledStyle="style.modalpanel.button.label.disabled" hoverStyle="style.modalpanel.button.label.hovered" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2662.                                 <Image source="Graphics\BG_Settings\button_right.png" width="5px" height="100%" />
  2663.                             </HBox>
  2664.                         </Button>
  2665.                         <Panel width="10px" height="0" />
  2666.                     </HBox>
  2667.                     <Panel width="0" height="20px" />
  2668.                 </VBox>
  2669.             </Panel>
  2670.         </PredefinedPanel>
  2671.         
  2672.         <PredefinedPanel name="messagebox_region" width="100%" height="100%" >
  2673.             <Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
  2674.                 <VBox name="main_order" width="560px" height="auto" style="style.modalpanel.background" active="true">
  2675.                     <VBox x="20px" width="520px" height="auto">
  2676.                         <Panel width="0" height="20px" /> 
  2677.                         <Label name="region_explanation" width="100%" height="auto" text="" style="style.modalpanel.label" text-alignment-vertical="top" />
  2678.                         <Label name="current_region" width="100%" height="30px" text="Current region:" style="style.modalpanel.label" text-alignment-vertical="center" />
  2679.                         <Label name="region_modify_counter" width="100%" height="30px" text="" style="style.modalpanel.label" text-alignment-vertical="center" />
  2680.                         <Panel width="0" height="15px" /> 
  2681.                         <VBox name="rbtn_container" width="100%" height="140px" style="style.settings.label">
  2682.                             <RadioButton name="rbtn_Code1" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
  2683.                                 <RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
  2684.                                 <Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
  2685.                             </RadioButton>
  2686.                             <RadioButton name="rbtn_Code2" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
  2687.                                 <RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
  2688.                                 <Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
  2689.                             </RadioButton>
  2690.                             <RadioButton name="rbtn_Code3" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
  2691.                                 <RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
  2692.                                 <Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
  2693.                             </RadioButton>
  2694.                             <RadioButton name="rbtn_Code4" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
  2695.                                 <RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
  2696.                                 <Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
  2697.                             </RadioButton>
  2698.                             <RadioButton name="rbtn_Code5" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
  2699.                                 <RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
  2700.                                 <Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
  2701.                             </RadioButton>
  2702.                             <RadioButton name="rbtn_Code6" width="100%" height="23px" checkState="unchecked" groupName="DVDCodeRegions" radioButtonStateElement="image">
  2703.                                 <RadioButtonStateElement name="image" x="10px" width="20px" height="20px" uncheckedStyle="style.settings.radio.unchecked" checkedStyle="style.settings.radio.checked" disabledStyle="style.settings.radio.disabled" alignment-vertical="center" />
  2704.                                 <Label name="label" x="35px" width="auto" height="100%" style="style.settings.label" disabledStyle="style.settings.label.disabled" text="" text-alignment-vertical="center" />
  2705.                             </RadioButton>
  2706.                         </VBox>
  2707.                         <Panel width="0" height="15px" />
  2708.                         <Label name="region_Admin_info" width="100%" height="auto" text="" style="style.modalpanel.label" text-alignment-vertical="center" />
  2709.                         <Panel width="0" height="20px" /> 
  2710.                         <HBox name="buttons" width="100%" height="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
  2711.                             <Button name="OK" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_OK">
  2712.                                 <Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" marginLeft="5" marginRight="5" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2713.                             </Button>
  2714.                             <Button name="Cancel" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_CANCEL">
  2715.                                 <Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" marginLeft="5" marginRight="5" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2716.                             </Button>
  2717.                         </HBox>
  2718.                         <Panel width="0" height="20px" />
  2719.                     </VBox>
  2720.                 </VBox>
  2721.             </Panel>
  2722.         </PredefinedPanel>
  2723.         
  2724.         <PredefinedPanel name="password_input_box" width="100%" height="100%" >
  2725.             <Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
  2726.                 <VBox name="main_order" width="515px" height="auto" style="style.modalpanel.background" active="true">
  2727.                     <HBox x="65px" width="400px" height="280px">
  2728.                         <VBox width="40px" height="auto">
  2729.                             <Panel width="100%" height="40px" /> 
  2730.                             <Image name="lock" width="25px" height="36px" source="Graphics\Icons_Settings\Parental_Controls_Lock.png" fillStyle="fit" visible="true" alignment-vertical="center" alignment-horizontal="left"/>
  2731.                         </VBox>
  2732.                         <VBox width="360px" height="auto">
  2733.                             <Panel width="0" height="40px" /> 
  2734.                             <Label name="parentalcontrol_title" width="100%" height="40px" text="" style="style.modalpanel.label.caption" text-alignment-vertical="top" />
  2735.                             <Label name="parentalcontrol_explanation" width="100%" height="auto" text="" style="style.modalpanel.label" text-alignment-vertical="top" />
  2736.                             <Panel width="0" height="15px" />
  2737.                             <EditControl name="password_edit" width="181px" height="34px" 
  2738.                             style="style.settings.edit"
  2739.                             hoverStyle="style.settings.edit.hovered" 
  2740.                             onfocus="this.defaultStyle='style.settings.edit.hovered';"
  2741.                             onblur="this.defaultStyle='style.settings.edit';"
  2742.                             marginLeft="15" marginTop="6" marginRight="15" password="true"/>
  2743.                             <Panel width="0" height="30px" />
  2744.                             <HBox name="standard_buttons" width="100%" height="40px" x="0" hgap="10px" default-child-alignment-horizontal="left">
  2745.                                 <Button name="Continue" width="120px" height="100%" style="style.modalpanel.button" selectedStyle="style.modalpanel.button.hovered" hoverSelectedStyle="style.modalpanel.button.hovered" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_CONTINUE">
  2746.                                     <Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" hoverStyle="style.modalpanel.button.label.hovered"  marginLeft="5" marginRight="5" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2747.                                 </Button>
  2748.                                 <Button name="Cancel" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_CANCEL">
  2749.                                     <Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" hoverStyle="style.modalpanel.button.label.hovered" marginLeft="5" marginRight="5" text-alignment-horizontal="center" text-alignment-vertical="center" />
  2750.                                 </Button>
  2751.                             </HBox>
  2752.                             <Panel width="0" height="30px" />
  2753.                         </VBox>
  2754.                     </HBox>
  2755.                 </VBox>
  2756.             </Panel>
  2757.         </PredefinedPanel>
  2758.         
  2759.          <!-- OSD -->
  2760.         <PredefinedPanel name="OSD_minimized" width="100%" height="100%" >
  2761.             <Shortcut name="icon_mute" target="OSD_main.icon_mute"/>
  2762.             <Shortcut name="icon_unmute" target="OSD_main.icon_unmute"/>
  2763.             <Shortcut name="icon_play" target="OSD_main.main_vertical_order.icon_bar.icon_play"/>
  2764.             <Shortcut name="icon_record" target="OSD_main.main_vertical_order.icon_bar.icon_record"/>
  2765.             <Shortcut name="icon_pause" target="OSD_main.main_vertical_order.icon_bar.icon_pause"/>
  2766.             <Shortcut name="icon_stop" target="OSD_main.main_vertical_order.icon_bar.icon_stop"/>
  2767.             <Shortcut name="icon_fforward" target="OSD_main.main_vertical_order.icon_bar.icon_fforward"/>
  2768.             <Shortcut name="icon_rewind" target="OSD_main.main_vertical_order.icon_bar.icon_rewind"/>
  2769.             <Shortcut name="icon_next" target="OSD_main.main_vertical_order.icon_bar.icon_next"/>
  2770.             <Shortcut name="icon_previous" target="OSD_main.main_vertical_order.icon_bar.icon_previous"/>
  2771.             <Shortcut name="label_speed" target="OSD_main.main_vertical_order.icon_bar.label_speed"/>
  2772.             <Shortcut name="freetype_volume" target="OSD_main.freetype_volume"/>
  2773.             <Shortcut name="label_Chapter" target="OSD_main.main_vertical_order.label_bar.label_Chapter"/>
  2774.             <Shortcut name="label_Title" target="OSD_main.main_vertical_order.label_bar.label_Title"/>
  2775.             <Shortcut name="label_TimePos" target="OSD_main.main_vertical_order.label_bar.label_TimePos"/>
  2776.             <Shortcut name="label_LangInfo" target="OSD_main.main_vertical_order.label_bar.label_LangInfo"/>
  2777.             <Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center">
  2778.                 
  2779.                 <!-- Mute / Unmute stays in the upper left corner -->
  2780.                 <Image name="icon_mute" width="20px" height="20px" source="Graphics\Icons_OSD\mute_on.png" visible="false" />
  2781.                 <Image name="icon_unmute" width="20px" height="20px" source="Graphics\Icons_OSD\mute_off.png" visible="false" />
  2782.  
  2783.                 <!-- All the rest but the volume is shown in the upper right one -->                
  2784.                 <VBox name="main_vertical_order" width="100%" height="100%" default-child-alignment-horizontal="right">
  2785.                     <HBox name="icon_bar" width="100%" height="20px" active="false" hgap="10px" default-child-alignment-horizontal="right">
  2786.                         <Image name="icon_play" width="20px" height="20px" source="Graphics\Icons_OSD\play.png" visible="false" />
  2787.                         <Image name="icon_record" width="20px" height="20px" source="Graphics\Icons_OSD\record.png" visible="false" />
  2788.                         <Image name="icon_pause" width="20px" height="20px" source="Graphics\Icons_OSD\pause.png" visible="false" />
  2789.                         <Image name="icon_stop" width="20px" height="20px" source="Graphics\Icons_OSD\stop.png" visible="false" />
  2790.                         <Label name="label_speed" width="auto" height="20px" text="" style="style.OSD.label.minimized"  active="false" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2791.                         <Image name="icon_fforward" width="20px" height="20px" source="Graphics\Icons_OSD\fforward.png" visible="false" />
  2792.                         <Image name="icon_rewind" width="20px" height="20px" source="Graphics\Icons_OSD\rewind.png" visible="false" />
  2793.                         <Image name="icon_next" width="20px" height="20px" source="Graphics\Icons_OSD\next.png" visible="false" />
  2794.                         <Image name="icon_previous" width="20px" height="20px" source="Graphics\Icons_OSD\previous.png" visible="false" />
  2795.                     </HBox>
  2796.                     <VBox name="label_bar" width="100%" height="auto" default-child-alignment-horizontal="right">
  2797.                         <Label name="label_TimePos" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2798.                         <Label name="label_Chapter" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2799.                         <Label name="label_Title" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2800.                         <Label name="label_LangInfo" width="auto" height="auto" text="" style="style.OSD.label.minimized" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2801.                     </VBox>
  2802.                 </VBox>
  2803.                 
  2804.                 <!-- The volume bar is shown at the botton -->
  2805.                 <HBox name="freetype_volume" width="143px" height="20px" alignment-horizontal="center" alignment-vertical="bottom" visible="false">
  2806.                     <Image width="33px" height="20px" source="Graphics\BG_OSD\small_volume_left.png" />
  2807.                     <Slider name="volume" width="110px" height="20px" active="false" thumbElement="movePanel" style="style.OSD.minimized.volume">
  2808.                         <Panel name="movePanel" width="5px" height="100%" visible="false" style="style.OSD.minimized.volume.thumb" />
  2809.                     </Slider>
  2810.                 </HBox>
  2811.             </Panel>
  2812.         </PredefinedPanel>
  2813.         
  2814.         <PredefinedPanel name="OSD_normal" width="100%" height="100%" >
  2815.             <Shortcut name="icon_mute" target="OSD_main.icon_mute"/>
  2816.             <Shortcut name="icon_unmute" target="OSD_main.icon_unmute"/>
  2817.             <Shortcut name="icon_play" target="OSD_main.main_vertical_order.icon_bar.icon_play"/>
  2818.             <Shortcut name="icon_record" target="OSD_main.main_vertical_order.icon_bar.icon_record"/>
  2819.             <Shortcut name="icon_pause" target="OSD_main.main_vertical_order.icon_bar.icon_pause"/>
  2820.             <Shortcut name="icon_stop" target="OSD_main.main_vertical_order.icon_bar.icon_stop"/>
  2821.             <Shortcut name="icon_fforward" target="OSD_main.main_vertical_order.icon_bar.icon_fforward"/>
  2822.             <Shortcut name="icon_rewind" target="OSD_main.main_vertical_order.icon_bar.icon_rewind"/>
  2823.             <Shortcut name="icon_next" target="OSD_main.main_vertical_order.icon_bar.icon_next"/>
  2824.             <Shortcut name="icon_previous" target="OSD_main.main_vertical_order.icon_bar.icon_previous"/>
  2825.             <Shortcut name="label_speed" target="OSD_main.main_vertical_order.icon_bar.label_speed"/>
  2826.             <Shortcut name="freetype_volume" target="OSD_main.freetype_volume"/>
  2827.             <Shortcut name="label_Chapter" target="OSD_main.main_vertical_order.label_bar.label_Chapter"/>
  2828.             <Shortcut name="label_Title" target="OSD_main.main_vertical_order.label_bar.label_Title"/>
  2829.             <Shortcut name="label_TimePos" target="OSD_main.main_vertical_order.label_bar.label_TimePos"/>
  2830.             <Shortcut name="label_LangInfo" target="OSD_main.main_vertical_order.label_bar.label_LangInfo"/>
  2831.             <Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center">
  2832.                 
  2833.                 <!-- Mute / Unmute stays in the upper left corner -->
  2834.                 <Image name="icon_mute" width="40px" height="40px" source="Graphics\Icons_OSD\mute_on.png" visible="false" />
  2835.                 <Image name="icon_unmute" width="40px" height="40px" source="Graphics\Icons_OSD\mute_off.png" visible="false" />
  2836.  
  2837.                 <!-- All the rest but the volume is shown in the upper right one -->                
  2838.                 <VBox name="main_vertical_order" width="100%" height="100%" default-child-alignment-horizontal="right">
  2839.                     <HBox name="icon_bar" width="100%" height="40px" active="false" hgap="10px" default-child-alignment-horizontal="right">
  2840.                         <Image name="icon_play" width="40px" height="40px" source="Graphics\Icons_OSD\play.png" visible="false" />
  2841.                         <Image name="icon_record" width="40px" height="40px" source="Graphics\Icons_OSD\record.png" visible="false" />
  2842.                         <Image name="icon_pause" width="40px" height="40px" source="Graphics\Icons_OSD\pause.png" visible="false" />
  2843.                         <Image name="icon_stop" width="40px" height="40px" source="Graphics\Icons_OSD\stop.png" visible="false" />
  2844.                         <Label name="label_speed" width="auto" height="40px" text="" style="style.OSD.label.normal"  active="false" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2845.                         <Image name="icon_fforward" width="40px" height="40px" source="Graphics\Icons_OSD\fforward.png" visible="false" />
  2846.                         <Image name="icon_rewind" width="40px" height="40px" source="Graphics\Icons_OSD\rewind.png" visible="false" />
  2847.                         <Image name="icon_next" width="40px" height="40px" source="Graphics\Icons_OSD\next.png" visible="false" />
  2848.                         <Image name="icon_previous" width="40px" height="40px" source="Graphics\Icons_OSD\previous.png" visible="false" />
  2849.                     </HBox>
  2850.                     <VBox name="label_bar" width="100%" height="auto" default-child-alignment-horizontal="right">
  2851.                         <Label name="label_TimePos" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2852.                         <Label name="label_Chapter" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2853.                         <Label name="label_Title" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2854.                         <Label name="label_LangInfo" width="auto" height="auto" text="" style="style.OSD.label.normal" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2855.                     </VBox>
  2856.                 </VBox>
  2857.                 
  2858.                 <!-- The volume bar is shown at the botton -->
  2859.                 <HBox name="freetype_volume" width="337px" height="40px" alignment-horizontal="center" alignment-vertical="bottom" visible="false">
  2860.                     <Image width="67px" height="40px" source="Graphics\BG_OSD\normal_volume_left.png" />
  2861.                     <Slider name="volume" width="270px" height="40px" active="false" thumbElement="movePanel" style="style.OSD.normal.volume">
  2862.                         <Panel name="movePanel" width="5px" height="100%" visible="false" style="style.OSD.normal.volume.thumb" />
  2863.                     </Slider>
  2864.                 </HBox>
  2865.             </Panel>
  2866.         </PredefinedPanel>
  2867.         
  2868.         <PredefinedPanel name="OSD_fullscreen" width="100%" height="100%" >
  2869.             <Shortcut name="icon_mute" target="OSD_main.icon_mute"/>
  2870.             <Shortcut name="icon_unmute" target="OSD_main.icon_unmute"/>
  2871.             <Shortcut name="icon_play" target="OSD_main.main_vertical_order.icon_bar.icon_play"/>
  2872.             <Shortcut name="icon_record" target="OSD_main.main_vertical_order.icon_bar.icon_record"/>
  2873.             <Shortcut name="icon_pause" target="OSD_main.main_vertical_order.icon_bar.icon_pause"/>
  2874.             <Shortcut name="icon_stop" target="OSD_main.main_vertical_order.icon_bar.icon_stop"/>
  2875.             <Shortcut name="icon_fforward" target="OSD_main.main_vertical_order.icon_bar.icon_fforward"/>
  2876.             <Shortcut name="icon_rewind" target="OSD_main.main_vertical_order.icon_bar.icon_rewind"/>
  2877.             <Shortcut name="icon_next" target="OSD_main.main_vertical_order.icon_bar.icon_next"/>
  2878.             <Shortcut name="icon_previous" target="OSD_main.main_vertical_order.icon_bar.icon_previous"/>
  2879.             <Shortcut name="label_speed" target="OSD_main.main_vertical_order.icon_bar.label_speed"/>
  2880.             <Shortcut name="freetype_volume" target="OSD_main.freetype_volume"/>
  2881.             <Shortcut name="label_Chapter" target="OSD_main.main_vertical_order.label_bar.label_Chapter"/>
  2882.             <Shortcut name="label_Title" target="OSD_main.main_vertical_order.label_bar.label_Title"/>
  2883.             <Shortcut name="label_TimePos" target="OSD_main.main_vertical_order.label_bar.label_TimePos"/>
  2884.             <Shortcut name="label_LangInfo" target="OSD_main.main_vertical_order.label_bar.label_LangInfo"/>
  2885.             <Panel name="OSD_main" width="90%" height="85%" alignment-horizontal="center" alignment-vertical="center">
  2886.                 
  2887.                 <!-- Mute / Unmute stays in the upper left corner -->
  2888.                 <Image name="icon_mute" width="60px" height="60px" source="Graphics\Icons_OSD\mute_on.png" visible="false" />
  2889.                 <Image name="icon_unmute" width="60px" height="60px" source="Graphics\Icons_OSD\mute_off.png" visible="false" />
  2890.  
  2891.                 <!-- All the rest but the volume is shown in the upper right one -->                
  2892.                 <VBox name="main_vertical_order" width="100%" height="100%" default-child-alignment-horizontal="right">
  2893.                     <HBox name="icon_bar" width="100%" height="60px" active="false" hgap="10px" default-child-alignment-horizontal="right">
  2894.                         <Image name="icon_play" width="60px" height="60px" source="Graphics\Icons_OSD\play.png" visible="false" />
  2895.                         <Image name="icon_record" width="60px" height="60px" source="Graphics\Icons_OSD\record.png" visible="false" />
  2896.                         <Image name="icon_pause" width="60px" height="60px" source="Graphics\Icons_OSD\pause.png" visible="false" />
  2897.                         <Image name="icon_stop" width="60px" height="60px" source="Graphics\Icons_OSD\stop.png" visible="false" />
  2898.                         <Label name="label_speed" width="auto" height="60px" text="" style="style.OSD.label.fullscreen"  active="false" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2899.                         <Image name="icon_fforward" width="60px" height="60px" source="Graphics\Icons_OSD\fforward.png" visible="false" />
  2900.                         <Image name="icon_rewind" width="60px" height="60px" source="Graphics\Icons_OSD\rewind.png" visible="false" />
  2901.                         <Image name="icon_next" width="60px" height="60px" source="Graphics\Icons_OSD\next.png" visible="false" />
  2902.                         <Image name="icon_previous" width="60px" height="60px" source="Graphics\Icons_OSD\previous.png" visible="false" />
  2903.                     </HBox>
  2904.                     <VBox name="label_bar" width="100%" height="auto" default-child-alignment-horizontal="right">
  2905.                         <Label name="label_TimePos" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2906.                         <Label name="label_Chapter" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2907.                         <Label name="label_Title" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2908.                         <Label name="label_LangInfo" width="auto" height="auto" text="" style="style.OSD.label.fullscreen" text-alignment-horizontal="right" text-alignment-vertical="center" />
  2909.                     </VBox>
  2910.                 </VBox>
  2911.                 
  2912.                 <!-- The volume bar is shown at the botton -->
  2913.                 <HBox name="freetype_volume" width="600px" height="60px" alignment-horizontal="center" alignment-vertical="bottom" visible="false">
  2914.                     <Image width="100px" height="60px" source="Graphics\BG_OSD\large_volume_left.png" />
  2915.                     <Slider name="volume" width="500px" height="60px" active="false" thumbElement="movePanel" style="style.OSD.large.volume">
  2916.                         <Panel name="movePanel" width="5px" height="100%" visible="false" style="style.OSD.large.volume.thumb" />
  2917.                     </Slider>
  2918.                 </HBox>
  2919.             </Panel>
  2920.         </PredefinedPanel>
  2921.  
  2922.         <!-- The windowtitlebar is always present in the normal view, so there is no "windowbar_activation" panel -->
  2923.          <PredefinedPanel name="windowtitlebar" width="100%" height="100%" > <!-- hint="$windowbar" -->
  2924.              <VBox name="windowbar" width="100%" height="100%" alignment-vertical="bottom" default-child-alignment-vertical="bottom" visible="false">
  2925.                 <HBox name="headercontrols" width="150px" height="60px" alignment-horizontal="right" default-child-alignment-horizontal="right">                
  2926.                     <Panel width="2px" height="0" />
  2927.                     <!-- Minimize, Maximize and Close -->
  2928.                     <Panel width="10px" height="0" />
  2929.                     <Button y="22px" name="button_minimize" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
  2930.                         <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\minimize.png" />
  2931.                     </Button>
  2932.                     <Panel width="2px" height="0" />
  2933.                     <Button y="22px" name="button_maximize" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
  2934.                         <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\maximize.png" />
  2935.                     </Button>
  2936.                     <Button y="22px" name="button_restore" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
  2937.                         <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\restore.png" />
  2938.                     </Button>
  2939.                     <Panel width="2px" height="0" />
  2940.                     <Button y="22px" name="button_close" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" >
  2941.                         <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\close.png" />
  2942.                     </Button>
  2943.                     <!-- Power button currently not supported
  2944.                     <Panel width="2px" height="0" />
  2945.                     <Button y="22px" name="button_power" width="25px" height="25px" style="style.headercontrol.normalview" hoverStyle="style.headercontrol.normalview.hovered" focusable="false">
  2946.                         <Image name="icon" x="2" y="2" width="20px" height="20px" source="Graphics\Icons_Handlers\power.png" />
  2947.                     </Button>
  2948.                     -->
  2949.                     <!-- Spacer to the right -->
  2950.                     <Panel width="20px" height="0" />
  2951.                 </HBox>
  2952.              </VBox>
  2953.         </PredefinedPanel>
  2954.         
  2955.         <!-- The windowtitlebar should autohide in the fullscreen view, so the "windowbar_activation" panel is present -->
  2956.          <PredefinedPanel name="windowtitlebar_fullscreen" width="100%" height="100%" >
  2957.              <!-- Note: the activation area is smaller than the actual bar
  2958.                   because otherwise it overlaps the logo -->
  2959.              <Panel name="windowbar_activation" width="100%" height="50px" alignment-vertical="top" active="true" />
  2960.              <Panel name="windowbar" width="100%" height="60px" alignment-vertical="top" visible="false">
  2961.                      <HBox name="header" width="100%" height="100%" style="style.page.header" alignment-vertical="top" active="true">            
  2962.                         <!-- Header Controls (right aligned) -->
  2963.                         <HBox name="headercontrols" y="0" width="150px" height="60px" style="style.page.header.controls" alignment-horizontal="right" default-child-alignment-horizontal="right">                
  2964.                                                 
  2965.                             <!-- Rest of the header controls -->
  2966.                             <Panel width="2px" height="0" />
  2967.                                                                     
  2968.                             <!-- Minimize, Maximize and Close -->
  2969.                             <Panel width="10px" height="0" />
  2970.                             <Button y="22px" name="button_minimize" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
  2971.                                 <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\minimize_fullscreen.png" />
  2972.                             </Button>
  2973.                             <Panel width="2px" height="0" />
  2974.                             <Button y="22px" name="button_maximize" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
  2975.                                 <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\maximize_fullscreen.png" />
  2976.                             </Button>
  2977.                             <Button y="22px" name="button_restore" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
  2978.                                 <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\restore_fullscreen.png" />
  2979.                             </Button>
  2980.                             <Panel width="2px" height="0" />
  2981.                             <Button y="22px" name="button_close" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
  2982.                                 <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\close_fullscreen.png" />
  2983.                             </Button>
  2984.                             <!-- Power button currently not supported
  2985.                             <Panel width="2px" height="0" />
  2986.                             <Button y="22px" name="button_power" width="25px" height="25px" style="style.headercontrol" hoverStyle="style.headercontrol.hovered" focusable="false">
  2987.                                 <Image name="icon" x="2px" y="2px" width="20px" height="20px" source="Graphics\Icons_Handlers\power_fullscreen.png" />
  2988.                             </Button>
  2989.                             -->
  2990.                             <!-- Spacer to the right -->
  2991.                             <Panel width="25px" height="0" />
  2992.                         </HBox>
  2993.                     </HBox>
  2994.  
  2995.             </Panel>
  2996.         </PredefinedPanel>        
  2997.             
  2998.         <PredefinedPanel name="scheduled_recording_properties" width="100%" height="100%">
  2999.             <Image name="bgimage" width="100%" height="100%" source="" fillStyle="fit" />
  3000.             <HBox name="content_root" width="100%" height="100%">
  3001.                 <Panel width="15px" height="0" />
  3002.                 <VBox name="content" width="*" height="100%">
  3003.                     <Panel width="0" height="5px" />
  3004.                 </VBox>
  3005.                 <Panel width="15px" height="0" />
  3006.             </HBox>
  3007.         </PredefinedPanel>
  3008.  
  3009.         <PredefinedPanel name="tv_epg_scan" width="100%" height="100%">
  3010.             <VBox name="content" width="100%" height="100%">
  3011.             </VBox>
  3012.         </PredefinedPanel>
  3013.                 
  3014.         <PredefinedPanel name="tv_epg_scan_item" width="100%" height="100px">
  3015.             <Label name="tv_epg_channel" text="" width="100%" height="90px" y="5px" style="style.settings.label" />
  3016.             <ProgressBar name="tv_epg_progress" style="style.filebrowser.listview.progressbar" y="50px" width="100%" height="15px"/>
  3017.         </PredefinedPanel>
  3018.  
  3019.         <PredefinedPanel name="tv_program_details" width="100%" height="100%">
  3020.             <HBox name="content_root" width="100%" height="100%">
  3021.                 <Panel width="15px" height="0" />
  3022.                 <VBox name="content" width="*" height="100%">
  3023.                 
  3024.                     <VBox name="title_panel" width="100%" height="auto">
  3025.                         <Label name="tv_program_title" text="" width="100%" height="auto" style="style.tvprograms.title" text-alignment-vertical="center" alignment-vertical="center"/>
  3026.                         <Label name="tv_program_subtitle" text="" width="100%" height="auto" style="style.tvprograms.subtitle" text-alignment-vertical="center" alignment-vertical="center"/>
  3027.                     </VBox>
  3028.                     
  3029.                     <Panel width="0" height="5px" />
  3030.                     
  3031.                     <HBox name="when_panel" width="100%" height="30px" default-child-alignment-vertical="center">
  3032.                         <Label name="tv_program_channel" text="" width="auto" height="auto" style="style.tvprograms.channel" />
  3033.                         <Label width="auto" height="auto" style="style.tvprograms.datetime" text=" | " />
  3034.                         <Label name="tv_program_time_date" text="" width="*" height="auto" style="style.tvprograms.datetime" />
  3035.                     </HBox>
  3036.                     
  3037.                     <Panel width="0" height="15px" />
  3038.                     
  3039.                     <ScrollablePanel name="scrollable_panel" width="100%" height="*" active="false" verticalScrollBar="vertical_scroll" focusable="true">
  3040.                         <ScrollableArea width="100%" height="*" name="myScrollableArea"> <!-- NOFACTOR height="1"??? -->
  3041.                             <Label    name="tv_program_description"
  3042.                                     width="100%" height="auto" marginRight="30"
  3043.                                     style="style.tvprogram.description.multiline"
  3044.                                     text=""/>
  3045.                         </ScrollableArea>
  3046.                         
  3047.                         <ScrollBar name="vertical_scroll" x="0" y="0" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollEvent="hover" scrollStep="10">
  3048.                             <VBox name="scrollbar" width="30px" height="100%" alignment-horizontal="right">
  3049.                                 <Panel width="0" height="3px" />
  3050.                                 <ImageButton name="scroll_up" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" disabledSource="Graphics\empty.png" />
  3051.                                 <Panel width="0" height="*" />
  3052.                                 <ImageButton name="scroll_down" x="3px" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" disabledSource="Graphics\empty.png" />
  3053.                                 <Panel width="0" height="3px" />
  3054.                             </VBox>
  3055.                         </ScrollBar>
  3056.  
  3057.                     </ScrollablePanel>
  3058.                 </VBox>
  3059.                 <Panel width="15px" height="0" />
  3060.             </HBox>
  3061.         </PredefinedPanel>
  3062.  
  3063.  
  3064.         <!-- 
  3065.             for slideshows. 
  3066.         -->        
  3067.         <PredefinedPanel name="export_slideshow" width="100%" height="100%">
  3068.             <VBox name="export_slideshow_outer" width="100%" height="100%" style="style.exportslideshow">
  3069.             
  3070.                 <HBox name="controls" width="100%" height="20px" style="style.playercontrols.minimized.background" alignment-vertical="top" default-child-alignment-vertical="center">
  3071.                     <Label name="export_slideshow_title" width="*" height="100%" text="" style="style.exportslideshow.title" text-alignment-horizontal="center" text-alignment-vertical="center" />  <!-- NOFACTOR width="1"? -->
  3072.                 </HBox>
  3073.  
  3074.                 <Panel name="export_slideshow_preview_panel" height="*" width="100%">
  3075.                     <Label name="export_slideshow_please_wait" width="100%" height="100%" text-alignment-horizontal="center" text-alignment-vertical="top" text="" style="style.exportslideshow.wait" />
  3076.                     <DirectPanel name="export_slideshow_video_renderer" width="100%" height="100%" active="false" visible="false" />
  3077.                     <!-- <Label name="export_slideshow_time_remaining" text="" width="100%" height="auto" style="style.OSD.label.minimized" alignment-vertical="bottom" text-alignment-horizontal="right" /> -->
  3078.                 </Panel>
  3079.                 <Panel height="3px" width="0" />
  3080.                 
  3081.                 <HBox width="100%" height="15px">
  3082.                     <Image width="2px" height="15px" source="Graphics\BG_Specials\progress_left.png" />
  3083.                     <Panel name="export_slideshow_progressbar_panel" width="*" height="15px">
  3084.                         <ProgressBar width="100%" height="15px" name="export_slideshow_progressbar" style="style.exportslideshow.progressbar"/>
  3085.                     </Panel>
  3086.                     <Image width="2px" height="15px" source="Graphics\BG_Specials\progress_end.png" />
  3087.                 </HBox>
  3088.             </VBox>
  3089.         </PredefinedPanel>
  3090.         
  3091.         <PredefinedPanel name="startpage_menu_button" width="100%" height="30px">
  3092.             <Button name="item" width="75%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" alignment-horizontal="center">
  3093.                 <HBox width="100%" height="100%" default-child-alignment-horizontal="right">
  3094.                     <Label name="module_menu_label" width="*" height="100%" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.menu.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.menu.item.label.hovered"/>
  3095.                     <Image name="checkbox" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
  3096.                     <Image name="icon" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
  3097.                     <Image name="navigate" width="24px" height="100%" source="" fillStyle="fit" visible="false" />
  3098.                     <Image name="colorkey" width="10px" height="100%" source="" fillStyle="fit" visible="false" />
  3099.                     <Panel width="5px" height="0" />
  3100.                 </HBox>
  3101.             </Button>
  3102.         </PredefinedPanel>
  3103.         
  3104.         <PredefinedPanel name="customsettings" width="100%" height="100%">
  3105.             <Panel name="settings_content_root" width="100%" height="*">
  3106.                 <VBox name="settings_content" width="100%" height="*">
  3107.                 </VBox>
  3108.             </Panel>
  3109.         </PredefinedPanel>
  3110.         
  3111.         <PredefinedPanel name="customsettings_scout" width="100%" height="22px">
  3112.             <VBox width="100%" height="100%">
  3113.                 <Label name="label" textID="IDS_SETTINGS_Scout_Media_Types_Caption" width="100%" height="100%" style="style.setupwizard.content" />
  3114.             </VBox>
  3115.         </PredefinedPanel>
  3116.         
  3117.         <PredefinedPanel name="customsettings_scout_button_start_stop" width="100%" height="45px">
  3118.             <HBox width="100%" height="100%" default-child-alignment-vertical="center">
  3119.                 <Button name="button_start" width="45%" height="35px" 
  3120.                     onfocus="this.panel.defaultStyle='style.menu.item.hovered';
  3121.                              this.label.scout_button.defaultStyle='style.settings.item.label.hovered';"
  3122.                     onblur="this.panel.defaultStyle='style.menu.item';
  3123.                             this.label.scout_button.defaultStyle='style.settings.item.label';"
  3124.                     alignment-horizontal="left" 
  3125.                     alignment-vertical="center">
  3126.                     <Panel width="100%" height="100%" name="panel" style="style.menu.item" hoverStyle="style.menu.item.hovered" />
  3127.                     <HBox width="100%" height="30px" default-child-alignment-horizontal="center" default-child-alignment-vertical="center" alignment-vertical="center" name="label">
  3128.                         <Panel width="10px" height="0" />
  3129.                         <Label name="scout_button" width="*" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.settings.item.label" hoverStyle="style.settings.item.label.hovered" disabledStyle="style.settings.item.label.disabled"/>
  3130.                         <Panel width="5px" height="0" />
  3131.                     </HBox>
  3132.                 </Button>
  3133.                 <Panel width="10px" height="0" />
  3134.                 <Panel width="50%" height="30px" alignment-horizontal="left" alignment-vertical="center">
  3135.                     <HBox width="100%" height="100%" default-child-alignment-horizontal="center" default-child-alignment-vertical="center" alignment-vertical="center">
  3136.                         <Panel width="5px" height="0" />
  3137.                         <Label name="scout_index_count" width="*" height="30px" text-alignment-vertical="center" alignment-vertical="center" style="style.settings.item.label"/>
  3138.                     </HBox>
  3139.                 </Panel>
  3140.             </HBox>
  3141.         </PredefinedPanel>
  3142.  
  3143.         <!--
  3144.             burning
  3145.         -->
  3146.         
  3147.         <PredefinedPanel name="burnsettings" width="100%" height="*">
  3148.             <Image name="burnsettings_bgimage" width="100%" height="100%" source="" fillStyle="fit" />
  3149.             <Panel name="settings_content_root" width="100%" height="100%">
  3150.                 <VBox name="settings_content" width="100%" height="100%">
  3151.                 </VBox>
  3152.             </Panel>
  3153.             <Panel name="VideoMenuTemplatesSelectionPanel" width="100%" height="100%" visible="false">
  3154.                 <InsertTemplate name="ListView_SingleSelection" NAME="ListView_VideoMenuTemplates" HEIGHT="*" GAP="10px"/>
  3155.             </Panel>
  3156.         </PredefinedPanel>
  3157.  
  3158.         <PredefinedPanel name="burnsettings_custom" width="100%" height="*">
  3159.             <Panel name="burnsettings_custom" width="100%" height="*">
  3160.                 <Image name="burnsettings_custom_bgimage" width="100%" height="100%" source="" fillStyle="fit" />
  3161.                 <Panel name="settings_content_root" width="100%" height="100%">
  3162.                     <VBox name="settings_content" width="100%" height="100%">
  3163.                     </VBox>
  3164.                 </Panel>
  3165.             </Panel>
  3166.         </PredefinedPanel>
  3167.  
  3168.         <PredefinedPanel name="burnsettings_videomenutemplates_listviewitem" width="200px" height="135px">
  3169.             <Panel name="item" x="0" y="0" width="*" height="100%"  style="style.filebrowser.listview.big.item" selectedStyle="style.filebrowser.listview.big.item.selected">
  3170.                 
  3171.                 <!-- background  -->
  3172.                 <Panel height="100%" width="100%" 
  3173.                     style="style.filebrowser.listview.item" 
  3174.                     selectedStyle="style.filebrowser.listview.item" 
  3175.  
  3176.                     hoverStyle="style.filebrowser.listview.item.hovered" 
  3177.                     hoverSelectedStyle="style.filebrowser.listview.item.hovered" 
  3178.                 />
  3179.                                         
  3180.                 <!-- content -->
  3181.                 <InsertTemplate name="ListView_VideoMenuTemplates_Content"/>
  3182.                 
  3183.             </Panel>
  3184.         </PredefinedPanel>
  3185.  
  3186.         <PredefinedPanel name="nmap_burn_base" width="100%" height="100%">
  3187.             <VBox name="nmb_panel_checking_disc" width="100%" height="100%" visible="true">
  3188.                 <Image name="discimage" width="100%" height="50%" source="Graphics\Logo\logo.png" fillStyle="fit" />
  3189.                 <Label name="label_pleasewait" width="100%" height="30px" textID="IDS_CHECKING_DISC" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.large.light" />
  3190.             </VBox>
  3191.             <VBox name="nmb_panel_export_slideshow" width="100%" height="100%" visible="false">
  3192.                 <Image name="discimage" width="100%" height="50%" source="Graphics\Logo\logo.png" fillStyle="fit" />
  3193.                 <Label name="label_logline" width="100%" height="20px" textID="IDS_EXPORTING_SLIDESHOW" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.small" />
  3194.                 <Label name="label_phase" width="100%" height="20px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.small" />
  3195.                 <ProgressBar name="burning_disc_progressbar" width="100%" height="15px" style="style.exportslideshow.progressbar"/>
  3196.             </VBox>
  3197.         </PredefinedPanel>
  3198.  
  3199.         <PredefinedPanel name="nmap_burn_disc" width="100%" height="100%">
  3200.             <VBox name="nmb_panel_burning_disc" width="100%" height="100%" visible="true">
  3201.                 <Image name="discimage" width="100%" height="50%" source="Graphics\Logo\logo.png" fillStyle="fit" />
  3202.                 <Label name="label_pleasewait" width="100%" height="30px" textID="IDS_BURNING_DISC" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.large.light" />
  3203.                 <Label name="label_logline" width="100%" height="20px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.small" />
  3204.                 <Label name="label_phase" width="100%" height="20px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.player.label.small" />
  3205.                 <ProgressBar name="burning_disc_progressbar" width="100%" height="15px" style="style.exportslideshow.progressbar"/>
  3206.             </VBox>
  3207.         </PredefinedPanel>
  3208.  
  3209.         <PredefinedPanel name="predefined_button" width="100%" height="30px" >
  3210.             <Button name="button" width="240px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_OK">
  3211.                 <Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" marginLeft="5" marginRight="5" text-alignment-horizontal="left" text-alignment-vertical="center" />
  3212.             </Button>
  3213.         </PredefinedPanel>
  3214.  
  3215.         <PredefinedPanel name="burn_recorder_selection" width="100%" height="100%" >
  3216.             <Panel width="100%" height="100%" default-child-alignment-vertical="center" default-child-alignment-horizontal="center" style="style.modalpanel.screen">
  3217.                 <VBox name="main_order" width="560px" height="auto" style="style.modalpanel.background" active="true">
  3218.                     <VBox x="20px" width="520px" height="auto">
  3219.                         <Panel width="0" height="20px" /> 
  3220.                         <Label name="burn_recorder_selection_text" width="100%" height="auto" text="" style="style.modalpanel.label" text-alignment-vertical="top" />
  3221.                         <Panel width="0" height="15px" /> 
  3222.                         <VBox name="optional_buttons" width="100%" height="auto" style="style.settings.label">
  3223.                         </VBox>
  3224.                         <Panel width="0" height="15px" />
  3225.                         <HBox name="standard_buttons" width="100%" height="30px" x="0" hgap="10px" default-child-alignment-horizontal="right"> <!-- NOFACTOR y="100"? doesn't make sense inside vbox -->
  3226.                             <Button name="Cancel" width="120px" height="100%" style="style.modalpanel.button" hoverStyle="style.modalpanel.button.hovered" modalResult="NMB_CANCEL">
  3227.                                 <Label name="label" x="0" y="0" width="100%" height="100%" text="" style="style.modalpanel.button.label" marginLeft="5" marginRight="5" text-alignment-horizontal="center" text-alignment-vertical="center" />
  3228.                             </Button>
  3229.                         </HBox>
  3230.                         <Panel width="0" height="20px" />
  3231.                     </VBox>
  3232.                 </VBox>
  3233.             </Panel>
  3234.         </PredefinedPanel>
  3235.  
  3236.         
  3237.         
  3238.         <!-- 
  3239.             for epg-mappings. 
  3240.         -->        
  3241.         <PredefinedPanel name="tv_epg_channelmapping" width="100%" height="100%">
  3242.             <Panel name="channel_view" width="100%" height="100%" visible="false" />
  3243.             <Panel name="epg_view" width="100%" height="100%" visible="false" >
  3244.                 <HBox width="100%" height="100%">
  3245.                     <Label name="channelname" width="40%" height="100%"
  3246.                             text-alignment-vertical="center" 
  3247.                             text-alignment-horizontal="left"
  3248.                             style="style.filebrowser.listview.item.label" 
  3249.                     />
  3250.                     <Panel width="12px" height="0" />
  3251.                     <Panel name="epg_list" width="*" height="100%" />
  3252.                 </HBox>
  3253.             </Panel>
  3254.         </PredefinedPanel>
  3255.         
  3256.         <PredefinedPanel name="tv_epg_channellist_listviewitem" width="100%" height="36px">
  3257.         
  3258.             <!-- Layout is a copy of the favorite-transition icon list view -->
  3259.             <HBox width="100%" height="100%">
  3260.                 <Panel name="item" x="0" y="0" width="*" height="100%"
  3261.                     style="style.filebrowser.listview.small.item" 
  3262.                     hoverStyle="style.filebrowser.listview.small.item.hovered" 
  3263.                     selectedStyle="style.filebrowser.listview.small.item.selected" 
  3264.                     hoverSelectedStyle="style.filebrowser.listview.small.item.hoveredselected"
  3265.                     >
  3266.                     
  3267.                     <!-- background (3 parts - start - fill - fadeout) -->
  3268.                     <HBox height="100%" width="100%">
  3269.                         <Panel width="8px" height="100%"
  3270.                             style="style.filebrowser.listview.small.background.left"
  3271.                             selectedStyle="style.filebrowser.listview.small.background.selected.left"
  3272.                             hoverStyle="style.filebrowser.listview.small.background.hovered.left"
  3273.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.left"
  3274.                             />
  3275.                         <Panel width="*" height="100%"
  3276.                             style="style.filebrowser.listview.small.background"
  3277.                             selectedStyle="style.filebrowser.listview.small.background.selected"
  3278.                             hoverStyle="style.filebrowser.listview.small.background.hovered"
  3279.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected"
  3280.                             />
  3281.                         <Panel width="140px" height="100%"
  3282.                             style="style.filebrowser.listview.small.background.right"
  3283.                             selectedStyle="style.filebrowser.listview.small.background.selected.right"
  3284.                             hoverStyle="style.filebrowser.listview.small.background.hovered.right"
  3285.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.right"
  3286.                             />
  3287.                     </HBox>
  3288.                     
  3289.                     <!-- separator line (3 parts - start - fill - fadeout) -->
  3290.                     <HBox y="34px" height="3px" width="100%">
  3291.                         <Panel width="60px" height="3px" style="style.listview.seperator.line.fadein" />
  3292.                         <Panel width="*" height="3px" style="style.listview.seperator.line.stretch" />
  3293.                         <Panel width="60px" height="3px" style="style.listview.seperator.line.fadeout" />
  3294.                     </HBox>
  3295.                     
  3296.                     <!-- content -->
  3297.                     <HBox height="100%" width="100%" default-child-alignment-vertical="center">
  3298.                         <!-- spacer  -->
  3299.                         <Panel width="12px" height="0" />
  3300.                         
  3301.                         
  3302.                         <Label name="channel" width="*" height="100%"
  3303.                             text-alignment-vertical="center" 
  3304.                             text-alignment-horizontal="left"
  3305.                             style="style.filebrowser.listview.item.label" 
  3306.                             hoverStyle="style.filebrowser.listview.item.label.hovered" 
  3307.                             hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  3308.                             selectedStyle="style.filebrowser.listview.item.label.selected"
  3309.                         />
  3310.                         
  3311.                         <Panel width="10px" height="0" />
  3312.                         
  3313.                         <Label name="epgchannel" width="*" height="100%" text="..."
  3314.                             text-alignment-vertical="center" 
  3315.                             text-alignment-horizontal="left"
  3316.                             style="style.filebrowser.listview.item.label" 
  3317.                             hoverStyle="style.filebrowser.listview.item.label.hovered" 
  3318.                             hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  3319.                             selectedStyle="style.filebrowser.listview.item.label.selected"
  3320.                         />
  3321.                     </HBox>
  3322.                 </Panel>
  3323.                 <Panel width="30px" height="0" />
  3324.             </HBox>
  3325.             
  3326.         </PredefinedPanel>
  3327.         
  3328.         <PredefinedPanel name="tv_epg_list_listviewitem" width="100%" height="36px">
  3329.         
  3330.             <!-- Layout is a copy of the favorite-transition icon list view -->
  3331.             <HBox width="100%" height="100%">
  3332.                 <Panel name="item" x="0" y="0" width="*" height="100%"
  3333.                     style="style.filebrowser.listview.small.item" 
  3334.                     hoverStyle="style.filebrowser.listview.small.item.hovered" 
  3335.                     selectedStyle="style.filebrowser.listview.small.item.selected" 
  3336.                     hoverSelectedStyle="style.filebrowser.listview.small.item.hoveredselected"
  3337.                     >
  3338.                     
  3339.                     <!-- background (3 parts - start - fill - fadeout) -->
  3340.                     <HBox height="100%" width="100%">
  3341.                         <Panel width="8px" height="100%"
  3342.                             style="style.filebrowser.listview.small.background.left"
  3343.                             selectedStyle="style.filebrowser.listview.small.background.selected.left"
  3344.                             hoverStyle="style.filebrowser.listview.small.background.hovered.left"
  3345.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.left"
  3346.                             />
  3347.                         <Panel width="*" height="100%"
  3348.                             style="style.filebrowser.listview.small.background"
  3349.                             selectedStyle="style.filebrowser.listview.small.background.selected"
  3350.                             hoverStyle="style.filebrowser.listview.small.background.hovered"
  3351.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected"
  3352.                             />
  3353.                         <Panel width="140px" height="100%"
  3354.                             style="style.filebrowser.listview.small.background.right"
  3355.                             selectedStyle="style.filebrowser.listview.small.background.selected.right"
  3356.                             hoverStyle="style.filebrowser.listview.small.background.hovered.right"
  3357.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.right"
  3358.                             />
  3359.                     </HBox>
  3360.                     
  3361.                     <!-- separator line (3 parts - start - fill - fadeout) -->
  3362.                     <HBox y="34px" height="3px" width="100%">
  3363.                         <Panel width="60px" height="3px" style="style.listview.seperator.line.fadein" />
  3364.                         <Panel width="*" height="3px" style="style.listview.seperator.line.stretch" />
  3365.                         <Panel width="60px" height="3px" style="style.listview.seperator.line.fadeout" />
  3366.                     </HBox>
  3367.                     
  3368.                     <!-- content -->
  3369.                     <HBox height="100%" width="100%" default-child-alignment-vertical="center">
  3370.                         <!-- spacer  -->
  3371.                         <Panel width="12px" height="0" />
  3372.  
  3373.                         <Label name="label" width="*" height="100%"
  3374.                             text-alignment-vertical="center" 
  3375.                             text-alignment-horizontal="left"
  3376.                             style="style.filebrowser.listview.item.label" 
  3377.                             hoverStyle="style.filebrowser.listview.item.label.hovered" 
  3378.                             hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  3379.                             selectedStyle="style.filebrowser.listview.item.label.selected"
  3380.                         />
  3381.                         
  3382.                     </HBox>
  3383.                 </Panel>
  3384.                 <Panel width="30px" height="0" />
  3385.             </HBox>
  3386.             
  3387.         </PredefinedPanel>
  3388.         
  3389.         
  3390.         <!-- 
  3391.             for epg-settings. 
  3392.         -->        
  3393.         <PredefinedPanel name="tv_epg_settings" width="100%" height="100%">
  3394.             <ListView name="tv_epg_settings_listview" x="0" y="0" width="100%" height="95%" direction="horizontal" verticalScrollBar="vertical_scroll">
  3395.  
  3396.                 <ListViewItems name="list_view_items" multiSelect="false" keepFocusInside="false"
  3397.                     width="100%" height="100%" virtual="true"/>
  3398.                 
  3399.                 <ScrollBar name="vertical_scroll" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollThumb="scrollbar.thumb_area.thumb" scrollThumbArea="scrollbar.thumb_area" scrollEvent="hover">
  3400.                     <VBox name="scrollbar" width="24px" height="100%" alignment-horizontal="right">
  3401.                         <ImageButton name="scroll_up" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" />
  3402.                         <Panel name="thumb_area" x="2px" width="20px" height="*" alignment-horizontal="left" active="true" >
  3403.                             <VBox name="thumb" width="20px" height="120px" active="true">
  3404.                                 <Panel width="20px" height="10px" style="style.filebrowser.scrollbar.thumb.top" hoverStyle="style.filebrowser.scrollbar.thumb.hovered.top" />
  3405.                                 <Panel width="20px" height="*" style="style.filebrowser.scrollbar.thumb" hoverStyle="style.filebrowser.scrollbar.thumb.hovered" />
  3406.                                 <Panel width="20px" height="10px" style="style.filebrowser.scrollbar.thumb.bottom" hoverStyle="style.filebrowser.scrollbar.thumb.hovered.bottom" />
  3407.                             </VBox>
  3408.                         </Panel>
  3409.                         <ImageButton name="scroll_down" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown.png" />
  3410.                     </VBox>
  3411.                 </ScrollBar>
  3412.     
  3413.             </ListView>
  3414.             
  3415.             <Panel name="progress_panel" x="0" y="0" width="100%" height="100%" visible="false">
  3416.                 <Label name="caption" text="Test" width="100%" height="300px" y="5px" style="style.settings.label" />
  3417.                 <ProgressBar name="progressbar" style="style.filebrowser.listview.progressbar" y="50px" width="100%" height="15px"/>
  3418.              </Panel>
  3419.             
  3420.             
  3421.         </PredefinedPanel>
  3422.         
  3423.         <PredefinedPanel name="tv_epg_settings_plugins_listviewitem" width="100%" height="36px">
  3424.         
  3425.             <!-- Layout is a copy of the favorite-transition icon list view -->
  3426.             <HBox width="100%" height="100%">
  3427.                 <Panel name="item" x="0" y="0" width="*" height="100%"
  3428.                     style="style.filebrowser.listview.small.item" 
  3429.                     hoverStyle="style.filebrowser.listview.small.item.hovered" 
  3430.                     selectedStyle="style.filebrowser.listview.small.item.selected" 
  3431.                     hoverSelectedStyle="style.filebrowser.listview.small.item.hoveredselected"
  3432.                     >
  3433.                     
  3434.                     <!-- background (3 parts - start - fill - fadeout) -->
  3435.                     <HBox height="100%" width="100%">
  3436.                         <Panel width="8px" height="100%"
  3437.                             style="style.filebrowser.listview.small.background.left"
  3438.                             selectedStyle="style.filebrowser.listview.small.background.selected.left"
  3439.                             hoverStyle="style.filebrowser.listview.small.background.hovered.left"
  3440.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.left"
  3441.                             />
  3442.                         <Panel width="*" height="100%"
  3443.                             style="style.filebrowser.listview.small.background"
  3444.                             selectedStyle="style.filebrowser.listview.small.background.selected"
  3445.                             hoverStyle="style.filebrowser.listview.small.background.hovered"
  3446.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected"
  3447.                             />
  3448.                         <Panel width="140px" height="100%"
  3449.                             style="style.filebrowser.listview.small.background.right"
  3450.                             selectedStyle="style.filebrowser.listview.small.background.selected.right"
  3451.                             hoverStyle="style.filebrowser.listview.small.background.hovered.right"
  3452.                             hoverSelectedStyle="style.filebrowser.listview.small.background.hoveredselected.right"
  3453.                             />
  3454.                     </HBox>
  3455.                     
  3456.                     <!-- separator line (3 parts - start - fill - fadeout) -->
  3457.                     <HBox y="34px" height="3px" width="100%">
  3458.                         <Panel width="60px" height="3px" style="style.listview.seperator.line.fadein" />
  3459.                         <Panel width="*" height="3px" style="style.listview.seperator.line.stretch" />
  3460.                         <Panel width="60px" height="3px" style="style.listview.seperator.line.fadeout" />
  3461.                     </HBox>
  3462.                     
  3463.                     <!-- content -->
  3464.                     <HBox height="100%" width="100%" default-child-alignment-vertical="center">
  3465.                         <!-- spacer  -->
  3466.                         <Panel width="12px" height="0" />
  3467.                         
  3468.                         <CheckBox name="checkbox" width="24px" height="24px" style="style.menu.item" checkState="unchecked" checkBoxStateElement="image" active="false" focusable="false">
  3469.                             <CheckBoxStateElement name="image" y="2px" width="80%" height="80%" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled"
  3470.                                 alignment-vertical="center" alignment-horizontal="center" active="false" focusable="false" />
  3471.                         </CheckBox>
  3472.                         
  3473.                         <Panel width="10px" height="0" />
  3474.                         
  3475.                         <Label name="label" width="*" height="100%"
  3476.                             text-alignment-vertical="center" 
  3477.                             text-alignment-horizontal="left"
  3478.                             style="style.filebrowser.listview.item.label" 
  3479.                             hoverStyle="style.filebrowser.listview.item.label.hovered" 
  3480.                             hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  3481.                             selectedStyle="style.filebrowser.listview.item.label.selected"
  3482.                         />
  3483.                     </HBox>
  3484.                 </Panel>
  3485.                 <Panel width="30px" height="0" />
  3486.             </HBox>
  3487.             
  3488.         </PredefinedPanel>
  3489.         
  3490.     
  3491.      </Predefinitions>
  3492.      
  3493.      
  3494.     <Templates>
  3495.  
  3496.         <Template name="vspacer">
  3497.             <Panel name="adjustablevspacer" width="0" height="%HEIGHT%" />
  3498.         </Template>
  3499.  
  3500.         <Template name="vertical_scroll">
  3501.             <ScrollBar name="vertical_scroll" width="100%" height="100%" minusButton="scrollbar.scroll_up" plusButton="scrollbar.scroll_down" scrollThumb="scrollbar.thumb_area.thumb" scrollThumbArea="scrollbar.thumb_area" scrollEvent="hover">
  3502.                 <VBox name="scrollbar" width="24px" height="100%" alignment-horizontal="right">
  3503.                     <ImageButton name="scroll_up" width="24px" height="24px" source="Graphics\Icons_Content\scrollup.png" hoverSource="Graphics\Icons_Content\scrollup_hover.png" />
  3504.                     <Panel name="thumb_area" x="2px" width="20px" height="*" alignment-horizontal="left" active="true" >
  3505.                         <Panel name="thumb" width="20px" height="120px" active="true" style="style.page.content.darken" />
  3506.                     </Panel>
  3507.                     <ImageButton name="scroll_down" width="24px" height="24px" source="Graphics\Icons_Content\scrolldown.png" hoverSource="Graphics\Icons_Content\scrolldown_hover.png" />
  3508.                 </VBox>
  3509.             </ScrollBar>    
  3510.         </Template>
  3511.  
  3512.         <Template name="ListView_SingleSelection">
  3513.             <ListView name="%NAME%" x="0" y="0" width="100%" height="%HEIGHT%" direction="horizontal" verticalScrollBar="vertical_scroll">
  3514.                 <ListViewItems name="list_view_items" multiSelect="false" keepFocusInside="false" width="100%" height="100%" virtual="true" hgap="%GAP%" vgap="%GAP%"/>
  3515.                 <InsertTemplate name="vertical_scroll"/>
  3516.             </ListView>                    
  3517.         </Template>
  3518.         
  3519.         <Template name="ListView_Item">
  3520.             <HBox width="100%" height="100%">
  3521.                 <Panel name="item" x="0" y="0" width="*" height="100%"  style="empty" selectedStyle="%SELECTION_STYLE%">
  3522.                     
  3523.                     <!-- background  -->
  3524.                     <Panel height="100%" width="100%" 
  3525.                         style="style.filebrowser.listview.item" 
  3526.                         selectedStyle="style.filebrowser.listview.item" 
  3527.  
  3528.                         hoverStyle="style.filebrowser.listview.item.hovered" 
  3529.                         hoverSelectedStyle="style.filebrowser.listview.item.hovered" 
  3530.                     />
  3531.                                             
  3532.                     <!-- separator line -->
  3533.                     <Panel y="54px" height="3px" width="100%" style="style.listview.separator.line"/>
  3534.  
  3535.                     <!-- content -->
  3536.                     <InsertTemplate name="%CONTENT%"/>
  3537.  
  3538.                 </Panel>
  3539.                 <Panel width="30px" height="0" />
  3540.             </HBox>
  3541.         </Template>
  3542.         
  3543.         
  3544.         <Template name="ListView_FileBrowser_Content">
  3545.             <HBox height="100%" width="100%">
  3546.                 <Panel y="7px" width="59px" height="32px">
  3547.                 
  3548.                     <!-- icon  -->
  3549.                     <Image name="item_thumb" fillStyle="fit" x="15px" width="32px" height="32px" source="graphics\empty.png"
  3550.                         style="style.filebrowser.listview.item.image" 
  3551.                     />
  3552.                     
  3553.                     <!-- i.e. Channel Number -->
  3554.                     <Label name="item_info4" width="100%" height="100%"
  3555.                         style="style.filebrowser.listview.item.label.small1"
  3556.                         hoverStyle="style.filebrowser.listview.item.label.small1.hovered"
  3557.                         selectedStyle="style.filebrowser.listview.item.label.small1.selected"
  3558.                         hoverSelectedStyle="style.filebrowser.listview.item.label.small1.hoveredselected"
  3559.                         text-alignment-vertical="center"
  3560.                         text-alignment-horizontal="center"
  3561.                     />
  3562.                 </Panel>
  3563.  
  3564.                 
  3565.                 <!-- main text area -->
  3566.                 <VBox height="100%" width="*">
  3567.                     <HBox width="100%" height="30px">
  3568.                         <Label name="item_title" width="*" height="30px"
  3569.                             text-alignment-vertical="bottom" 
  3570.                             text-alignment-horizontal="left"
  3571.                             style="style.filebrowser.listview.item.label" 
  3572.                             hoverStyle="style.filebrowser.listview.item.label.hovered" 
  3573.                             hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  3574.                             selectedStyle="style.filebrowser.listview.item.label.selected"
  3575.                         />
  3576.                         
  3577.                         <Panel width="2px" height="0" />
  3578.                         
  3579.                         <ProgressBar style="style.filebrowser.listview.progressbar" name="time_line" y="7px" width="100px" height="15px" visible="false"/> <!-- NOFACTOR y="7"? -->
  3580.  
  3581.                         <!-- play status image -->
  3582.                         <Panel name="item_state_playback" width="24px" height="100%" visible="false">
  3583.                             <Image name="item_state_playback_image" fillStyle="fit" width="24px" height="24px" source="graphics\Icons_State\item_state_play.png" style="style.filebrowser.listview.item.state.playback" alignment-vertical="center" />
  3584.                         </Panel>
  3585.                     </HBox>
  3586.                                                 
  3587.                     <!-- additional text info -->
  3588.                     <HBox width="100%" height="20px">
  3589.                         <!-- TODO: Instead of percentage values use auto! -->
  3590.                         <Label name="item_info1" width="*" height="100%"
  3591.                             style="style.filebrowser.listview.item.label.small1"
  3592.                             hoverStyle="style.filebrowser.listview.item.label.small1.hovered"
  3593.                             selectedStyle="style.filebrowser.listview.item.label.small1.selected"
  3594.                             hoverSelectedStyle="style.filebrowser.listview.item.label.small1.hoveredselected"
  3595.                             text-alignment-vertical="center"
  3596.                         />
  3597.                         <Panel width="1%" height="0" />
  3598.                         <Label name="item_info2" width="61%" height="100%"
  3599.                             style="style.filebrowser.listview.item.label.small2"
  3600.                             hoverStyle="style.filebrowser.listview.item.label.small2.hovered"
  3601.                             selectedStyle="style.filebrowser.listview.item.label.small2.selected"
  3602.                             hoverSelectedStyle="style.filebrowser.listview.item.label.small2.hoveredselected"
  3603.                             text-alignment-vertical="center"
  3604.                         />
  3605.                     </HBox>
  3606.                 </VBox>
  3607.             </HBox>        
  3608.         </Template>    
  3609.         
  3610.         <Template name="ListView_FavoriteTransitions_Content">
  3611.             <HBox height="100%" width="100%" default-child-alignment-vertical="center">
  3612.                 <!-- spacer  -->
  3613.                 <Panel width="12px" height="0" />
  3614.                 
  3615.                 <CheckBox name="checkbox" width="20px" height="20px" style="style.combobox.item.nofocus" checkState="unchecked" checkBoxStateElement="image" active="false" focusable="false">
  3616.                     <CheckBoxStateElement name="image" y="2px" width="80%" height="80%" uncheckedStyle="style.settings.checkbox.unchecked" checkedStyle="style.settings.checkbox.checked" disabledStyle="style.settings.checkbox.disabled"
  3617.                         alignment-vertical="center" alignment-horizontal="center" active="false" focusable="false" />
  3618.                 </CheckBox>
  3619.                 
  3620.                 <Panel width="10px" height="0" />
  3621.                 
  3622.                 <Label name="label" width="*" height="100%"
  3623.                     text-alignment-vertical="center" 
  3624.                     text-alignment-horizontal="left"
  3625.                     style="style.filebrowser.listview.item.label" 
  3626.                     hoverStyle="style.filebrowser.listview.item.label.hovered" 
  3627.                     hoverSelectedStyle="style.filebrowser.listview.item.label.hoveredselected" 
  3628.                     selectedStyle="style.filebrowser.listview.item.label.selected"
  3629.                 />
  3630.  
  3631.             </HBox>
  3632.         </Template>
  3633.  
  3634.         <Template name="VideoMenuTemplateSelectionTemplate">
  3635.             <HBox name="VideoMenuTemplateSelectionTemplateHBox" height="135px" width="100%" default-child-alignment-vertical="center">
  3636.                 <Image name="image" width="200px" height="135px" source="" fillStyle="center" />
  3637.                 <Button name="button" width="4*" height="35px" 
  3638.                     onfocus="this.panel.defaultStyle='style.menu.item.hovered'; this.label_container.label.defaultStyle='style.settings.item.label.hovered';"
  3639.                     onblur="this.panel.defaultStyle='style.menu.item'; this.label_container.label.defaultStyle='style.settings.item.label';"
  3640.                     alignment-horizontal="left">
  3641.                     <Panel width="100%" height="100%" style="style.menu.item" hoverStyle="style.menu.item.hovered" name="panel" />
  3642.                     <HBox width="100%" height="30px" default-child-alignment-horizontal="right" default-child-alignment-vertical="center" alignment-vertical="center" name="label_container">
  3643.                         <Panel width="10px" height="0" />
  3644.                         <Label name="label" width="*" height="100%" textID="IDS_BURN_SELECT_VIDEO_MENU_STYLE" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.settings.item.label" hoverStyle="style.settings.item.label.hovered" disabledStyle="style.settings.item.label.disabled" />
  3645.                         <Panel width="5px" height="0" />
  3646.                     </HBox>
  3647.                 </Button>
  3648.                 <Panel name="twentyPercent" width="*" height="0" />
  3649.             </HBox>
  3650.         </Template>
  3651.  
  3652.         <Template name="ListView_VideoMenuTemplates_Content">
  3653.             <Image name="image" width="100%" height="100%" source="" fillStyle="center" alignment-horizontal="center" alignment-vertical="center" />
  3654.         </Template>
  3655.         
  3656.         
  3657.         <Template name="settings_content_list" width="100%" height="53px">
  3658.             <VBox width="100%" height="53px">
  3659.                 <Shortcut name="label" target="container.list_button.label"/>
  3660.                 <HBox width="100%" height="23px" name="caption">
  3661.                     <Panel width="0px" height="100%" />
  3662.                     <Label name="listcaption" width="auto" y="0px" height="23px" style="style.settings.label" text="%CAPTIONTEXT%" text-alignment-vertical="center"/>
  3663.                 </HBox>
  3664.                 <HBox name="container" width="100%" height="30px" default-child-alignment-vertical="center">
  3665.                     <Panel width="0px" height="100%" />
  3666.                     <HBox name="list_button" width="auto" height="100%" 
  3667.                         onclick="application.OpenCombobox(this, '%LABELLIST%', %SELECTEDITEM%);"
  3668.                         oncreate="this.onfocuslostfortop=function(){application.CloseCombobox(false);};"
  3669.                         onactivate="application.OpenCombobox(this, '%LABELLIST%', %SELECTEDITEM%);"
  3670.                         onkeydown="if (event.keycode == 13 || event.keycode == 32)
  3671.                                        application.OpenCombobox(this, '%LABELLIST%', %SELECTEDITEM%);"
  3672.                         active="true"
  3673.                         focusable="true"
  3674.                         style="style.menu.item"
  3675.                         hoverStyle="style.menu.item.hovered"
  3676.                         onfocus="this.defaultStyle='style.menu.item.hovered'; 
  3677.                                  this.label.defaultStyle='style.settings.item.label.hovered';
  3678.                                  this.arrow.defaultStyle='style.settings.item.arrow.hovered';"
  3679.                         onblur="this.defaultStyle='style.menu.item'; 
  3680.                                 this.label.defaultStyle='style.settings.item.label';
  3681.                                 this.arrow.defaultStyle='style.settings.item.arrow';">
  3682.                         <Panel name="spacer" width="10px" height="0" />
  3683.                         <Label name="label" text="%LABELTEXT%" width="auto" width-min="150px" width-max="390px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  3684.                         <Panel name="spacer" width="10px" height="0" />
  3685.                         <Panel width="14px" height="23px" alignment-vertical="center" name="arrow"
  3686.                                 style="style.settings.item.arrow" hoverStyle="style.settings.item.arrow.hovered" />
  3687.                         <Panel width="10px" height="0"/>
  3688.                     </HBox>
  3689.                 </HBox>
  3690.             </VBox>
  3691.         </Template>
  3692.         
  3693.         <Template name="setupwizard_content_list" width="100%" height="73px">
  3694.             <HBox width="100%" height="73px" alignment-vertical="top">
  3695.                 <Shortcut name="label" target="container.list_button.label"/>
  3696.                 <HBox width="48%" height="*" alignment-horizontal="left">
  3697.                     <Label name="listcaption" width="100%" x="20px" y="0px" height="*" style="style.setupwizard.content" text="%CAPTIONTEXT%" text-alignment-vertical="center" text-alignment-horizontal="right"/>
  3698.                 </HBox>
  3699.                 <HBox name="container" width="48%" height="30px" default-child-alignment-vertical="center" alignment-horizontal="right" alignment-vertical="center">
  3700.                     <HBox name="list_button" width="auto" height="100%" 
  3701.                         onclick="application.OpenCombobox(this, '%LABELLIST%', %SELECTEDITEM%);"
  3702.                         oncreate="this.onfocuslostfortop=function(){application.CloseCombobox(false);};"
  3703.                         onactivate="application.OpenCombobox(this, '%LABELLIST%', %SELECTEDITEM%);"
  3704.                         onkeydown="if (event.keycode == 13 || event.keycode == 32)
  3705.                                        application.OpenCombobox(this, '%LABELLIST%', %SELECTEDITEM%);"
  3706.                         active="true"
  3707.                         focusable="true"
  3708.                         style="style.menu.item"
  3709.                         hoverStyle="style.menu.item.hovered"
  3710.                         onfocus="this.defaultStyle='style.menu.item.hovered'; 
  3711.                                  this.label.defaultStyle='style.settings.item.label.hovered';
  3712.                                  this.arrow.defaultStyle='style.settings.item.arrow.hovered';"
  3713.                         onblur="this.defaultStyle='style.menu.item'; 
  3714.                                 this.label.defaultStyle='style.settings.item.label';
  3715.                                 this.arrow.defaultStyle='style.settings.item.arrow';">
  3716.                         <Panel name="spacer" width="10px" height="0" />
  3717.                         <Label name="label" text="%LABELTEXT%" width="auto" width-min="150px" width-max="262px" height="100%" text-alignment-horizontal="left" text-alignment-vertical="center" style="style.settings.item.label" disabledStyle="style.menu.item.label.disabled" hoverStyle="style.settings.item.label.hovered"/>
  3718.                         <Panel name="spacer" width="10px" height="0" />
  3719.                         <Panel width="14px" height="23px" alignment-vertical="center" name="arrow"
  3720.                                 style="style.settings.item.arrow" hoverStyle="style.settings.item.arrow.hovered" />
  3721.                         <Panel width="10px" height="0"/>
  3722.                     </HBox>
  3723.                     <Panel width="20%" height="0" />
  3724.                 </HBox>
  3725.             </HBox>
  3726.         </Template>
  3727.         
  3728.         <!-- combobox auxilliary templates -->
  3729.         <Template name="combobox_dropdown_1_item">
  3730.             <ListView width="auto" height="34px"
  3731.                             style="style.combobox.background"
  3732.                             direction="horizontal"
  3733.                             keepFocusCentered="true">
  3734.                 <ListViewItems width="*" height="30px" y="2px" itemHeight="30px" itemWidth="100%"
  3735.                             virtual="false"
  3736.                             keepFocusInside="true"
  3737.                             onclick="application.CloseCombobox(true);"
  3738.                             onactivate="application.CloseCombobox(true);"
  3739.                             onkeydown="
  3740.                                 if (event.keycode == 20)
  3741.                                     application.CloseCombobox(true);
  3742.                                 else if (event.keycode == 27)
  3743.                                     application.CloseCombobox(false);
  3744.                                 "/>
  3745.             </ListView>
  3746.         </Template>
  3747.         
  3748.         <Template name="combobox_dropdown_2_items">
  3749.             <ListView width="auto" height="64px"
  3750.                             style="style.combobox.background"
  3751.                             direction="horizontal"
  3752.                             keepFocusCentered="true">
  3753.                 <ListViewItems width="*" height="60px" y="2px" itemHeight="30px" itemWidth="100%"
  3754.                             virtual="false"
  3755.                             keepFocusInside="true"
  3756.                             onclick="application.CloseCombobox(true);"
  3757.                             onactivate="application.CloseCombobox(true);"
  3758.                             onkeydown="
  3759.                                 if (event.keycode == 20)
  3760.                                     application.CloseCombobox(true);
  3761.                                 else if (event.keycode == 27)
  3762.                                     application.CloseCombobox(false);
  3763.                                 "/>
  3764.             </ListView>
  3765.         </Template>
  3766.                 
  3767.         <Template name="combobox_dropdown_3_items">
  3768.             <ListView width="auto" height="94px"
  3769.                             style="style.combobox.background"
  3770.                             direction="horizontal"
  3771.                             keepFocusCentered="true">
  3772.                 <ListViewItems width="*" height="90px" y="2px" itemHeight="30px" itemWidth="100%"
  3773.                             virtual="false"
  3774.                             keepFocusInside="true"
  3775.                             onclick="application.CloseCombobox(true);"
  3776.                             onactivate="application.CloseCombobox(true);"
  3777.                             onkeydown="
  3778.                                 if (event.keycode == 20)
  3779.                                     application.CloseCombobox(true);
  3780.                                 else if (event.keycode == 27)
  3781.                                     application.CloseCombobox(false);
  3782.                                 "/>
  3783.             </ListView>
  3784.         </Template>
  3785.         
  3786.         <Template name="combobox_dropdown_4_items">
  3787.             <ListView width="auto" height="124px"
  3788.                             style="style.combobox.background"
  3789.                             direction="horizontal"
  3790.                             keepFocusCentered="true">
  3791.                 <ListViewItems width="*" height="120px" y="2px" itemHeight="30px" itemWidth="100%"
  3792.                             virtual="false"
  3793.                             keepFocusInside="true"
  3794.                             onclick="application.CloseCombobox(true);"
  3795.                             onactivate="application.CloseCombobox(true);"
  3796.                             onkeydown="
  3797.                                 if (event.keycode == 20)
  3798.                                     application.CloseCombobox(true);
  3799.                                 else if (event.keycode == 27)
  3800.                                     application.CloseCombobox(false);
  3801.                                 "/>
  3802.             </ListView>
  3803.         </Template>
  3804.         
  3805.         <Template name="combobox_dropdown_5_items">
  3806.             <ListView width="auto" height="202px"
  3807.                             style="style.combobox.background"
  3808.                             verticalScrollBar="vertical_scroll"
  3809.                             direction="horizontal"
  3810.                             keepFocusCentered="true">
  3811.                 <ListViewItems width="*" height="150px" y="26px" itemHeight="30px" itemWidth="100%"
  3812.                             virtual="false"
  3813.                             keepFocusInside="true"
  3814.                             onclick="application.CloseCombobox(true);"
  3815.                             onactivate="application.CloseCombobox(true);"
  3816.                             onkeydown="
  3817.                                 if (event.keycode == 20)
  3818.                                     application.CloseCombobox(true);
  3819.                                 else if (event.keycode == 27)
  3820.                                     application.CloseCombobox(false);
  3821.                                 "/>
  3822.                 <ScrollBar name="vertical_scroll" width="100%" height="192px" x="10px" y="5px" minusButton="scroll_up" plusButton="scroll_down" scrollEvent="click">
  3823.                     <Button name="scroll_up" width="40px" height="20px" focusable="false">
  3824.                         <HBox width="100%" height="100%">
  3825.                             <Image width="12px" height="20px" alignment-horizontal="left" fillStyle="fit" source="Graphics\Icons_MenuItems\ColorKey_green.png" />
  3826.                             <Image width="18px" height="14px" alignment-horizontal="right" alignment-vertical="center" source="Graphics\Icons_Settings\Combobox_Up.png" />
  3827.                         </HBox> 
  3828.                     </Button>
  3829.                     <Button name="scroll_down" width="40px" height="20px" alignment-vertical="bottom" focusable="false">
  3830.                         <HBox width="100%" height="100%">
  3831.                             <Image width="12px" height="20px" alignment-horizontal="left" fillStyle="fit" source="Graphics\Icons_MenuItems\ColorKey_blue.png" />
  3832.                             <Image width="18px" height="14px" alignment-horizontal="right" alignment-vertical="center" source="Graphics\Icons_Settings\Combobox_Down.png" />
  3833.                         </HBox> 
  3834.                     </Button>
  3835.                 </ScrollBar>    
  3836.             </ListView>
  3837.         </Template>
  3838.         
  3839.         <Template name="combobox_item">
  3840.             <HBox width="100%" height="100%">
  3841.                 <Shortcut name="comboboxitem" target="panel.item.comboboxitem"/>
  3842.                 <Panel width="0px" height="100%" />
  3843.                 <Panel width="*" height="100%"
  3844.                     style="style.combobox.item"
  3845.                     hoverStyle="style.combobox.item.hovered"
  3846.                     hoverSelectedStyle="style.combobox.item.selected" 
  3847.                     selectedStyle="style.combobox.item.selected"
  3848.                     name="panel"
  3849.                     >
  3850.                     <HBox width="100%" height="100%" name="item">
  3851.                         <Panel width="10px" height="0" />
  3852.                         <Label name="comboboxitem" width="*" height="100%"
  3853.                             text="%TEXT%"
  3854.                             text-alignment-vertical="center"
  3855.                             style="style.combobox.item.text.hovered"
  3856.                             hoverStyle="style.combobox.item.text"
  3857.                             hoverSelectedStyle="style.combobox.item.text" 
  3858.                             selectedStyle="style.combobox.item.text"
  3859.                             />
  3860.                         <Panel width="30px" height="0" />
  3861.                     </HBox>
  3862.                 </Panel>
  3863.             </HBox>
  3864.         </Template>
  3865.         
  3866.         <Template name="StartupModuleItem">
  3867.             <Panel active="true" focusable="true" name="button%INDEX%" width="20%" height="100%" style="style.modules.button" hoverStyle="style.modules.button.hovered">
  3868.                 <VBox width="100%" height="100%">
  3869.                     <ImageButton name="module_image" fillStyle="fit" width="100%" height="*" source="Graphics\empty.png" style="style.modules.image.%INDEX%" active="false" />
  3870.                     <Label name="module_label" width="100%" height="25px" text="" text-alignment-horizontal="center" text-alignment-vertical="center" style="style.modules.label" hoverStyle="style.modules.label.hovered" />
  3871.                 </VBox>
  3872.             </Panel>
  3873.         </Template>
  3874.         
  3875.  
  3876.     </Templates>
  3877.  
  3878.     
  3879. </NMUIDefinition>
  3880.  
  3881. <!-- 
  3882.     hints to define:
  3883.         $header    = welcome.corepanel.header
  3884.         $home      = welcome.corepanel.header.button_home
  3885.         $back      = welcome.corepanel.hbox.vbox.visible_screen.content_header.button_back
  3886.         $menu      = welcome.corepanel.hbox.vbox.visible_screen.root.main_area.hbox.menu_area
  3887.         $content   = welcome.corepanel.hbox.vbox.visible_screen.root.main_area.hbox.content
  3888.         $main      = welcome.corepanel.hbox.vbox.visible_screen.root.main_area
  3889.         $minimized = welcome.corepanel.hbox.vbox.visible_screen.minimized_task
  3890.         $windowbar = welcome.windowtitlebar.windowbar
  3891. -->
  3892.